@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Playwrite+IN:wght@100..400&display=swap');

/* feb-1 */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/* ---- */

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: "Inter", serif;
    background-color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    margin: 0;
}

button {
    border: 0;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100vh;
    position: relative;
    overflow: auto;
}

.max-w-set {
    max-width: 120rem;
    margin: 0 auto;
}

.msg-box {
    min-height: 3.0625rem;
    /* padding: 1rem; */
    background-color: #FCE4C7;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 20;
}

header {
    width: 100%;
    position: relative;
    z-index: 5;
}

.msg-details {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    width: 100%;

}

.msg-details .msg-content {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    justify-content: center;
}

.msg-details .msg-content p {
    font-size: .875rem;
    color: #72430A;
    font-weight: 500;
}

.msg-details .msg-content p a {
    text-decoration: underline;
    color: #72430A;
}

.msg-details .cancel {
    position: absolute;
    right: 0rem;
    top: 0;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.navbar {
    padding: 2rem 4rem;
}

.navbar-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.btn-upload {
    height: 2.75rem;
    padding: .75rem;
    min-width: 10.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center;
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
    background-color: #FFFFFF;
    border-radius: .5rem;
    text-decoration: none;
    z-index: 0;
    cursor: pointer;
}

.btn-upload:hover {
    background-color: #f5f5f5;
    transition: all 0.05s linear;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler {
    padding: 0 .75rem;
}

.navbar-toggler-icon {
    width: 1rem;
}

.navbar .container-fluid {
    flex-wrap: nowrap;
    padding: 0;
}

.offcanvas.header-offcanvas {
    border-radius: 24px 24px 0 0;
    height: 17.5rem;
}


main {
    width: 100%;
    height: 100%;
}

.max-w-chat {
    max-width: 60rem;
    margin: 0 auto;
    padding: .5rem 1rem;
}

.dashboard-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
    width: 100%;
    margin-bottom: 4rem;
    z-index: 5;
    position: relative;
}

.dashboard-content h2 {
    font-size: 2.5rem;
    color: #182230;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.dashboard-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.dashboard-details .looking-for {
    display: flex;
    flex-direction: column;
    align-items: start;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-duration: .2s;
    background-color: transparent;
}

.dashboard-details .looking-for:hover {
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.025) scaleY(1.025);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-duration: .2s;
}

.dashboard-details .looking-for img {
    border-radius: 2.5rem 2.5rem 0 0;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.dashboard-details .looking-details {
    padding: 2rem 2.5rem;
    border-radius: 0 0 2.5rem 2.5rem;
    background-color: #F5F8FA;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%;
    width: 100%;
    gap: 2.5rem;
}

.dashboard-details .looking-details a {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 1.5rem;
    background-color: #272322;
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
    margin-top: auto;
}

.dashboard-details .looking-details a:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.dashboard-details .looking-details .title-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .75rem;
}

.dashboard-details .looking-details .title-content h5 {
    font-size: .875rem;
    color: #262322;
    font-weight: normal;
}

.dashboard-details .looking-details .title-content p {
    font-size: 1.5rem;
    font-weight: 500;
    color: #262322;
}


.dashboard-details .right-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
    width: 100%;
}

.dashboard-details .right-content a {
    display: flex;
    align-items: end;
    gap: 1.25rem;
    padding: 1rem;
    border: 1px solid #ECEEF0;
    border-radius: 3rem;
    height: 100%;
    width: 100%;
    text-decoration: none;
    background-color: #FFFFFF;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-duration: .2s;
}

.dashboard-details .right-content a:hover {
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.025) scaleY(1.025);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-duration: .2s;
}

.dashboard-details .right-content a p {
    font-size: 1.25rem;
    color: #262322;
    font-weight: 500;
    text-decoration: none;
}

.dashboard-details .right-content a .right-content-img img {
    border-radius: 2rem;
    width: auto;
    max-width: 100%;
    height: 100%;
}

.dashboard-details .right-content a .right-content-img {
    min-width: 10.625rem;
    width: 10.625rem;
    height: 10.625rem;
}

.h-full {
    height: 100%;
}

.input-anime-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #FFFFFF;
    border-radius: 1.25rem;
}


.input-anime-container input {
    padding: .625rem 1.25rem;
    border: .125rem solid #F5F5F5;
    border-radius: 20px;
    outline: none;
    transition: border-color 0.3s;
    height: 5.75rem;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 500;
    color: #222;
    position: relative;
    z-index: 10;
    background-color: transparent;
}

.input-anime-container input:focus {
    border: 1px solid #222;
}

.input-anime-container:focus-within {
    box-shadow: 4px 6px 24px #55380910;
}

.input-anime-container .mic-on {
    height: 2.75rem;
    width: auto;
    padding: 0 .75rem;
    border-radius: .5rem;
    border: 0;
    background-color: #272322;
    display: flex;
    align-items: center;
    justify-content: center;
}


.center-content {
    display: flex;
    align-items: start;
    width: 100%;
    flex-direction: column;
    height: 100%;
}

.input-content {
    margin-top: auto;
    position: sticky;
    position: -webkit-sticky;
    bottom: 2rem;
    width: 100%;
    z-index: 20;
}

footer {
    margin-top: auto;
    padding: 1rem 2.5rem;
    width: 100%;
}

.foot-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
}

.foot-content p {
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    padding-right: 1.5rem;
    border-right: 1px solid #737373;
}

.foot-content .foot-link-details a {
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    text-decoration: none;
}

.foot-link-details {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.input-anime-container .mic-on:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.upload-content .upload-docs {
    min-height: 13.25rem;
    border: 1px dashed #BABABA;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 2rem;
    width: 100%;
}

.upload-content .upload-docs p {
    color: #919191;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    max-width: 17.375rem;
    line-height: 1.75rem;
}

.upload-content .upload-docs p span {
    color: #282322;
    font-weight: 500;
}

.btn-black.btn-upload {
    background-color: #282322;
    color: #FFFFFF;
}

.btn-black.btn-upload:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}



.upload-content {
    padding: 5rem 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
    align-items: start;
}

.upload-process {
    display: flex;
    padding: 2.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    background-color: #F9FAFC;
    min-height: 3.3125rem;
    gap: 1rem;
    width: 100%;
}

.upload-process .top-content-process {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
}

.upload-process .top-content-process .title-process {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.loading-field {
    display: flex;
    gap: 1.0625rem;
    align-items: center;
    width: 100%;
}

.loading-field span {
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
}

.loading-field .loader {
    width: 100%;
    position: relative;
    background-color: #EFF1F5;
    border-radius: .25rem;
    height: .4375rem;
}

.loading-field .loader::after {
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    border-radius: .25rem;
    background: linear-gradient(91deg, #282322 0%, #73430A 100%);
}

.info-wrapper {
    padding: .5rem 4rem 4rem;
    height: 100%;
}

.info-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 1.5rem;
}

.basic-info-content {
    padding: 1.5rem;
    border: 1px solid #E3E3E5;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: start;
    height: 100%;
}

.basic-info-content .basic-info-content-details {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
    height: 100%;
}


.basic-info-content .basic-info-content-details.skills-gap {
    gap: 1.8125rem;
}

.basic-info-content-details .title-basic-details {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .1875rem;
    align-items: start;
}

.basic-info-content-details .title-basic-details h5 {
    font-size: 1.5rem;
    color: #282322;
    font-weight: 600;
}

.basic-info-content-details .title-basic-details p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}

.basic-info-content-details .input-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.5rem;
    row-gap: 1.25rem;
    width: 100%;
}

.input-conatainer {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: start;
    width: 100%;
}

.input-conatainer input {
    height: 2.3125rem;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    padding: .75rem;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    width: 100%;
}

.input-conatainer input:focus {
    outline: none;
    border-color: #282322;
}

.input-conatainer label {
    font-size: .875rem;
    color: #282322;
    font-weight: 600;
}

.back-btn {
    display: flex;
    gap: .3125rem;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
    background-color: #F0F0F2;
    padding: 0 2rem;
    height: 2.75rem;
    border-radius: .5rem;
}

.back-btn:hover {
    background-color: #d9d9d9;
    transition: all 0.05s linear;
}

.footer-form-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.next-btn {
    height: 2.75rem;
    padding: 0 2rem;
    font-size: 1rem;
    font-weight: medium;
    color: #FFFFFF;
    border-radius: .5rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    gap: .3125rem;
}

.next-btn:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.experince-details {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: start;
    width: 100%;
    height: calc(100vh - 28rem);
    overflow: auto;
}

.experince-details .expe-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
}

.experince-details .edit-work-list {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.experince-details .edit-work-list .work-name-list {
    border: 1px solid #E3E3E5;
    border-radius: 1.25rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: start;
    width: 100%;
}

.experince-details .edit-work-list .work-name-list h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #282322;
}

.experince-details .edit-work-list .work-name-list p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}


.experince-details .edit-work-list .edit-delete {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5625rem;
}

.experince-details .edit-work-list .edit-delete a {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 0.5rem;
}


.experince-details .edit-work-list .edit-delete a:hover {
    background-color: #2f2f2f1f;
    transition: all 0.05s linear;
}

.bg-img {
    background-image: linear-gradient(180deg, #f4f2f8, #fde3de);
    background-repeat: no-repeat;
    background-size: cover;
}

.data-fetch {
    padding: .875rem 0 0;
    max-width: 37.5rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 3.375rem;
    width: 100%;
    align-items: start;
}

.data-fetch .fetch-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 3rem;
}

/* .data-fetch .fetch-content img{
    height: 10.625rem;
} */

.data-fetch .fetch-content h4 {
    text-align: center;
    font-size: 1.75rem;
    color: #282322;
    font-weight: 500;
}

.data-fetch .fetch-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
}

.data-fetch .fetch-details p {
    font-size: 1rem;
    color: #919191;
    font-weight: 500;
    text-align: center;
}

.data-fetch .fetch-load {
    position: relative;
    width: 100%;
    background-color: #EFF1F5;
    border-radius: .3125rem;
    height: .3125rem;
}

/* .data-fetch .fetch-load::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: '';
    border-radius: .25rem;
    background-color: #282322;
    animation: load 30s linear;
} */

@keyframes load {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.input-conatainer textarea {
    border: 1px solid #BABABA;
    border-radius: .5rem;
    padding: .625rem .75rem;
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    width: 100%;
    min-height: 7.5rem;
}

.input-conatainer textarea:focus {
    border-color: #282322;
    outline: none;
}

.desc-text.input-conatainer {
    grid-column-start: 1;
    grid-column-end: 3;
}




.info-content .info-tabs {
    display: flex;
    border-radius: .75rem;
    overflow-x: auto;
    min-height: 4rem;
    overflow-y: hidden;
    gap: 1.375rem;
}

.info-content .info-tabs a {
    text-decoration: none;
    position: relative;
    border-width: 0;
    border-style: solid;
    width: 17.5rem;
    white-space: nowrap;
}

.info-content .info-tabs a::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 70px;
    top: 0px;
    right: -2.8125rem;
    background-color: transparent;
    border-top-right-radius: 5px;
    transform: scale(0.907) rotate(45deg);
    border: solid #FFFFFF;
    border-width: 4px 4px 0 0;
    z-index: 1;
}

.info-content .info-tabs a {
    background-color: #F4F5F7;
}

.info-content .info-tabs a::after {
    background-color: #F4F5F7;
}

.info-content .info-tabs a.active {
    background-color: #282322;
}

.info-content .info-tabs a.active::after {
    background-color: #282322;
}

.info-content .info-tabs a:first-child .tab-list-content {
    padding: .75rem 1rem;
}


.info-content .info-tabs a .tab-list-content {
    display: flex;
    gap: .5rem;
    align-items: center;
    position: relative;
    z-index: 20;
    padding: .75rem 3rem;
}

.info-content .info-tabs a .tab-list-num {
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #282322;
    font-size: .875rem;
    font-weight: 600;
    color: #282322;
    border-radius: 50%;
}

.info-content .info-tabs a.active .tab-list-num {
    border-color: #FFFFFF;
    color: #FFFFFF;
    background-color: #282322;
}

.info-content .info-tabs a .tab-list-detail {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .1875rem;
}

.info-content .info-tabs a .tab-list-detail h3 {
    font-size: .875rem;
    font-weight: 500;
    color: #959191;
}

.info-content .info-tabs a .tab-list-detail p {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
}

.info-content .info-tabs a.active .tab-list-detail p {
    color: #FFFFFF;
}

.skill-list-add {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.skill-list-add .skills-list {
    border: 1px solid #E3E3E5;
    border-radius: .3125rem;
    display: flex;
    align-items: center;
    height: 2rem;
    gap: .5rem;
    justify-content: center;
    padding: 0 .5rem;
}

.skill-list-add .skills-list p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}

.skill-content {
    display: flex;
    align-items: start;
    gap: 2rem;
    flex-direction: column;
}

.skill-content .skill-add-field {
    height: 32px;
    border: 0;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 1rem;
    color: #272322;
    width: 100%;
    max-width: 17.5rem;
}

.skill-content .skill-add-field:focus {
    outline: none;
}


.ai-wrapper {
    display: flex;
    /* height: 100vh; */
    /* overflow: auto; */
    position: relative;
}

aside {
    min-width: 13.5rem;
    width: 13.5rem;
    height: 100%;
    top: 0;
    left: 0;
    border-right: 1px solid #E3E3E5;
    background-color: #FFFFFF;
    z-index: 25;
}

.sidebar-ai {
    display: flex;
    flex-direction: column;
    height: 100%;
}

aside .top-logo {
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .75rem;
    border-bottom: 1px solid #E3E3E5;
}

.user-side-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #E3E3E5;
}

.user-side-content .profile-img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
}

.user-side-content .user-side-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.user-side-content .user-side-details h5 {
    font-size: 1rem;
    font-weight: 600;
    color: #282322;
}

.user-side-content .user-side-details p {
    font-size: .875rem;
    font-weight: normal;
    color: #919191;
    display: flex;
    align-items: center;
    gap: .1875rem;
}

.ai-list {
    padding: .75rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
    border-bottom: 1px solid #E3E3E5;
}

.ai-list a {
    display: flex;
    align-items: center;
    min-height: 1.8125rem;
    border-radius: .3125rem;
    /* gap: .75rem; */
    padding: 0 .375rem;
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    margin-bottom: 4px;
}

.ai-list a:hover {
    background-color: #F4F4F5;
}

.ai-list a.active {
    background-color: #F4F4F5;
}

.side-footer {
    display: flex;
    flex-direction: column;
    gap: 1.0625rem;
    align-items: start;
    padding: .75rem;
}

.side-footer .upd-btn {
    width: 100%;
    min-width: unset;
    border-radius: .3125rem;
}


.side-footer .list-footer-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .25rem;
    align-items: start;
}

.side-footer .list-footer-items a:hover {
    background-color: #F4F4F5;
}

.side-footer .list-footer-items a {
    display: flex;
    align-items: center;
    height: 1.8125rem;
    border-radius: .3125rem;
    gap: .75rem;
    padding: 0 .375rem;
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
}

.side-footer .list-footer-items a .profile-img {
    width: 1.3125rem;
    height: 1.3125rem;
    border-radius: 50%;
}

.ai-right-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 0px;
}

.ai-right-content .ai-header {
    width: 100%;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    height: 3.5rem;
    border-bottom: 1px solid #E3E3E5;
    position: sticky;
    position: -webkit-sticky;
    justify-content: space-between;
    top: 0;
    background-color: #FFFFFF;
}

.ai-right-content .ai-header h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #282322;
}

.ai-right-content .right-content-wrapper {
    height: 100%;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 2.375rem 1rem 0rem;
}

.ai-right-content .right-content-wrapper .chat-ai {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: start;
    height: 100%;
    overflow: auto;
    padding-bottom: 8rem;
}

.ai-right-content .right-content-wrapper .chat-ai .ai-chat-content {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: start;
    width: 100%;
}


.ai-chat-desc {
    display: flex;
    align-items: start;
    gap: .5rem;
}

.ai-chat-desc .ai-logo {
    min-width: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E3E3E5;
    border-radius: 50%;

}

.desc-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .25rem;
    margin-top: 5px;
    width: 100%;
}


.desc-details p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}

.desc-details .hover-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    visibility: hidden;
}

.desc-details .hover-link a {
    /* padding: .25rem; */
    border-radius: .1875rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desc-details .hover-link a:hover {
    background-color: #F4F5F7;
}

.desc-details:hover .hover-link {
    visibility: visible;
}

.user-chat-content {
    display: flex;
    justify-content: end;
    width: 100%;
}

.user-chat-content .chat-ques {
    padding: .625rem 1.25rem;
    background-color: #F4F5F7;
    border-radius: 1.25rem;
    max-width: 33rem;
}

.user-chat-content .chat-ques p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}


.chat-ai .input-content {
    bottom: 0;
    padding-bottom: 2.5rem;
    background-color: #FFFFFF;
    padding-top: .5rem;
}

.title-example-content {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8125rem;
}

.title-example-content .title-example-details {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.title-example-content .title-example-details .title-img {
    width: 3rem;
    height: 3rem;
    border-radius: .375rem;
}

.title-example-content .title-example-details .title-img img {
    width: 100%;
    object-fit: contain;
}

.title-example-content .title-example-details .example-desc {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    align-items: start;
}

.title-example-content .title-example-details .example-desc h4 {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
}

.title-example-content .title-example-details .example-desc p {
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
}

.title-example-content a {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-example-content a:hover {
    background-color: #e8e7e7;
}

.job-details {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: start;
    margin-bottom: .75rem;
}

.job-desc {
    display: flex;
    align-items: center;
    gap: .375rem;
}

.job-desc p {
    font-size: .75rem;
    color: #5F5F5F;
    font-weight: normal;
}

.job-skills p {
    font-size: .75rem;
    font-weight: normal;
    color: #282322;
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.acces-job {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: end;
}

.acces-job a {
    height: 2.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
}


.acces-job .try-ai {
    color: #282322;
    border: 1px solid #282322;
    box-shadow: 4px 6px 24px #55380910;
    gap: .3125rem;
    white-space: nowrap;
    padding: 0 1.25rem;
}

.acces-job .apply-btn {
    color: #FFFFFF;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    padding: 0 .9375rem;
}

.acces-job .try-ai:hover {
    background-color: #F4F4F5;
}

.acces-job .apply-btn:hover {
    background-color: #3f3b3a;
}

.example-content {
    border: 1px solid #E3E3E5;
    padding: 1rem;
    border-radius: .75rem;
}

.example-give {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20.1875rem, 1fr));
    gap: 1.1875rem;
    width: 100%;
}


.offcanvas-body .user-side-content {
    flex-direction: row;
}

.offcanvas-body .user-side-content .user-side-details {
    align-items: start;
}

.offcanvas-body .ai-list {
    height: auto;
}

.input-tools {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .5625rem;
}

.input-tools .search-item-list {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 1rem;
    padding-bottom: .4375rem;
}

.input-tools .search-item-list a {
    height: 2.75rem;
    padding: 0 .75rem;
    border: 1px solid #E3E3E5;
    border-radius: 1.25rem;
    color: #282322;
    font-size: 1rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: #FFFFFF;
    white-space: nowrap;
}

.input-tools .search-item-list a:hover {
    background-color: #F4F4F5;
}

.side-hide {
    border: 0;
    width: 28px;
    height: 28px;
    padding: 0 5px;
    background-color: transparent;
}

.side-hide:hover {
    background-color: #F4F4F5;
}


::-webkit-scrollbar {
    width: 2px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 10px;
}

.to-search-ai {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 0;
    height: 100%;
    z-index: 20;
}

.to-search-ai a {
    height: 2rem;
}

.to-search-ai .to-search-btn {
    background-color: #F4F5F7;
    border-radius: .5rem;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.to-search-ai .to-search-btn:hover {
    background-color: #dedfe0;
}

.to-search-ai .mic-black {
    background-color: transparent;
    border-radius: .375rem;
    padding: 0 .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.to-search-ai .mic-black:hover {
    background-color: #F4F5F7;
}

.placeholder {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translateY(-50%);
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 1;
    font-size: 1.125rem;
    font-weight: 500;
    color: #919191;
    background-color: transparent;
}

.placeholder-out {
    transform: translateY(-100%);
    /* Move up */
    opacity: 0;
    transition: 0.2s;
}

.placeholder-in {
    transform: translateY(20%);
    /* Start from bottom */
    opacity: 0;
    animation: fadeIn ease-in-out;

}

@keyframes fadeIn {
    to {
        transform: translateY(0%);
        opacity: 1;
        transition: 0.2s inherit;
    }
}


.linear-bottom {
    width: 100%;
    height: 12rem;
    position: fixed;
    bottom: 0;
    padding-top: 6rem;
    left: 0;
    background-image: linear-gradient(180deg, #fde3de 50%, #fde3de);
    mask-image: linear-gradient(transparent 0px, #000 6rem);
    z-index: 10;
}



.navbar-nav .btn-upload:hover {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    background-color: #FFFFFF;
}

.recommended-chat {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: start;
}

.recommended-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
    width: 100%;
}

.recommended-content .recommended-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20.1875rem, 1fr));
    gap: 1.1875rem;
    width: 100%;
}

.field-recommended {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    border-radius: .75rem;
}

.field-recommended.orange .top-recomend {
    background-color: #FFE8C1;

}

.field-recommended.teal .top-recomend {
    background-color: #D3FFF2;
}

.field-recommended.purple .top-recomend {
    background-color: #EBE3FF;
}

.field-recommended.blue .top-recomend {
    background-color: #DFF2FE;
}

.field-recommended.pink .top-recomend {
    background-color: #FBE2EF;
}

.field-recommended.dark-blue .top-recomend {
    background-color: #EAF2FF;
}

.top-recomend {
    display: flex;
    align-items: start;
    gap: 1.5rem;
    flex-direction: column;
    width: 100%;
    padding: 1rem;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}

.top-recomend .title-list-reccomend {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: start;
    width: 100%;
}

.title-list-reccomend .title-recomend {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
}

.title-list-reccomend .title-recomend .img-title {
    min-width: 3rem;
    height: 3rem;
    border-radius: 50%;
}

.title-list-reccomend .title-recomend .img-title img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.title-list-reccomend .recomend-title-details {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
    gap: .25rem;
}

.title-list-reccomend .recomend-title-details a {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    text-decoration: none;
}

.title-list-reccomend .recomend-title-details p {
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
}

.arrow-find {
    display: flex;
    align-items: start;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
}


.arrow-find .arrow-link {
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-reference-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .5rem;
}

.arrow-find .arrow-link:hover {
    background-color: #ffffff94;
}

.bi-list-job {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.tech-fields {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.tech-fields a {
    height: 1.5625rem;
    padding: 0 .625rem;
    border: 1px solid #0000003D;
    border-radius: .9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    text-decoration: none;
}

.tech-fields p {
    height: 1.5625rem;
    padding: 0 .625rem;
    border: 1px solid #0000003D;
    border-radius: .9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    text-decoration: none;
}

.foot-recommend {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: end;
    width: 100%;
    padding: .75rem 1rem;
    border: thin solid #E3E3E5;
    border-radius: 0 0 .75rem .75rem;
    border-top: 0;
}

.foot-recommend .try-ai {
    color: #282322;
    border: 1px solid #282322;
    box-shadow: 4px 6px 24px #55380910;
    gap: .3125rem;
    white-space: nowrap;
    padding: 0 1.25rem;
}

.foot-recommend .apply-btn {
    color: #FFFFFF;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    padding: 0 .9375rem;
}

.foot-recommend .try-ai:hover {
    background-color: #F4F4F5;
}

.foot-recommend .apply-btn:hover {
    background-color: #3f3b3a;
}

.foot-recommend a {
    height: 2.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
}

.head-recommend {
    max-width: 35.5rem;
}

.head-recommend h1 {
    font-size: 2.5rem;
    font-weight: bold;
    background: transparent linear-gradient(98deg, #0B262C 0%, #5C77BF 47%, #316FD3 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    line-height: 3.0625rem;
}

.linear-bottom.ai-linear {
    height: 17rem;
    background-image: linear-gradient(180deg, #ffffff 50%, #ffffff);
    mask-image: linear-gradient(transparent 0px, #000 6rem);
}

.full-chat {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    height: 100%;
}

/* new-style----- */

.login-wrapper {
    height: 100vh;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-image: url(/public/anyopenings/img/background-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: auto;
}


.login-right-details {
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
}

.right-content-details {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* gap: 2.5rem; */
    max-width: 27.5rem;
    margin: auto;
    height: 100%;
    position: relative;
}

.right-content-details .login-logo {
    width: 7.75rem;
    height: 3rem;
}

.right-content-details .login-logo img {
    width: 100%;
    height: 100%;
}

.right-content-details h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #282322;
    margin-bottom: 2.5rem;
}

.right-content-details h2 span {
    background: transparent linear-gradient(98deg, #0B262C 0%, #5C77BF 47%, #316FD3 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.form-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    align-items: start;
}

.form-list .name-form-content {
    display: flex;
    align-items: start;
    gap: .5rem;
}

.form-content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: start;
    width: 100%;
}

.form-content label {
    color: #282322;
    font-size: .875rem;
    font-weight: 600;
}

.form-content input {
    height: 2.3125rem;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    width: 100%;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    padding: 0 .75rem;
}

.form-content input:focus {
    outline: none;
    border-color: #282322;
}

.button-list {
    display: flex;
    flex-direction: column;
    /* gap: 1.5rem; */
    align-items: center;
    width: 100%;
}

.button-list .login-btn {
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4375rem;
    border-radius: .3125rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    width: 100%;
}

.button-list .login-btn.black-btn {
    background-color: #282322;
    color: #FFFFFF;
}

.button-list .login-btn.black-btn:hover {
    background-color: #4a4241;
}

.button-list .login-btn.grey-btn {
    border: 1px solid #E3E3E5;
    color: #282322;
}

.button-list .login-btn.grey-btn:hover {
    background-color: #f5f5f5;
}

.line-sep-center {
    position: relative;
    max-width: 23.4375rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.line-sep-center p {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    text-transform: uppercase;
}

.line-sep-center::before {
    width: 100%;
    height: .0625rem;
    content: "";
    display: block;
    background-color: #282322;
}

.line-sep-center::after {
    width: 100%;
    height: .0625rem;
    content: "";
    display: block;
    background-color: #282322;
}

.button-grp-list {
    display: flex;
    align-items: center;
    /* gap: 1.5rem; */
    width: 100%;
}

.sigin-link p {
    font-size: 1rem;
    font-weight: 500;
    color: #282322;
    text-align: center;
}

.sigin-link p a {
    color: #316FD3;
    text-decoration: none;
}

.sigin-link p a:hover {
    text-decoration: underline;
}

.bottom-link {
    max-width: 15.225rem;
    margin: auto auto 0;
    position: absolute;
    bottom: 0;

}

.bottom-link p {
    font-size: .875rem;
    font-weight: 500;
    color: #919191;
    text-align: center;
}

.bottom-link p a {
    font-weight: 600;
    color: #282322;
    text-decoration: none;
}

.bottom-link p a:hover {
    text-decoration: underline;
}

.login-left-details {
    padding: 5rem .5rem;
}

.header-logo {
    width: 15rem;
    height: 15rem;
    position: relative;
}

.header-logo img {
    width: 100%;
    height: 100%;
}

.header-logo img.quotes {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
}

.left-content-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 2.5rem;
    justify-content: center;
}

.left-content-desc {
    max-width: 29rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
}

.left-content-desc p {
    font-size: 1.25rem;
    font-weight: normal;
    color: #282322;
    text-align: center;
    line-height: 2.125rem;
}

.left-content-details p span {
    font-weight: bold;
}

.left-content-desc .ai-logo-left {
    width: 7.75rem;
    height: 2.375rem;
}

.left-content-desc .ai-logo-left img {
    width: 100%;
    height: 100%;
}

.left-bottom-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2.5rem;
    margin-top: auto;
    align-items: start;
}

.left-bottom-content .left-bottom-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 1.5rem;
}


.left-bottom-content .left-bottom-details .bottom-banner-1 img {
    width: 100%;
    height: auto;
}

.left-bottom-content .left-bottom-details p {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    color: #282322;
    max-width: 30rem;
    margin: 0 auto;
}

.left-bottom-content .bottom-banner-2 {
    width: 100%;
    max-width: 33.875rem;
    margin: 0 auto;
    height: 6.25rem;
}

.left-bottom-content .bottom-banner-2 img {
    width: 100%;
    height: 100%;
}

/* ------Dec-09 */

/* ----modal-design */

.delete-modal.modal .modal-dialog {
    margin-top: 10rem;
    max-width: 40rem;
}


.delete-modal.modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 1rem;
}

.delete-modal.modal .modal-dialog .modal-content .modal-header {
    padding: 1rem 2rem;
    border-bottom: 1px solid #E3E3E5;
    justify-content: center;
}

.delete-modal.modal .modal-dialog .modal-content .modal-header h1 {
    color: #282322;
    font-size: 1.375rem;
    font-weight: 600;
    text-align: center;
}

.delete-modal.modal .modal-dialog .modal-content .foot-modal {
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
}

.delete-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 2rem 2rem 2.5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2.5rem;
}

.delete-modal.modal .modal-dialog .modal-content .modal-body p {
    text-align: center;
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}

.delete-modal.modal .modal-dialog .modal-content .modal-body p span {
    font-weight: 600;
}

.delete-modal.modal .modal-dialog .modal-content .foot-modal button {
    height: 2.75rem;
    border-radius: .5rem;
    border: 0;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 4px 6px 24px #55380910;
    background-color: #F0F0F2;
    color: #282322;
    padding: 0 2rem;
}

.delete-modal.modal .modal-dialog .modal-content .foot-modal button.primary {
    background-color: #282322;
    color: #FFFFFF;
}

.delete-modal.modal .modal-dialog .modal-content .foot-modal button:hover {
    background-color: #dedede;
}

.delete-modal.modal .modal-dialog .modal-content .foot-modal button.primary:hover {
    background-color: #332f2e
}

.add-exp {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: start;
}

.add-exp .add-exp-btn {
    border: 2px solid #282322;
    padding: 0 1.5rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #282322;
    text-decoration: none;
}

.add-exp .add-exp-btn:hover {
    background-color: #282322;
    color: #FFFFFF;
    transition: all 0.05s linear;
}

.msg-box {
    z-index: 30;
}

.select-field {
    max-width: 30rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}

.select-field label {
    padding: 1.125rem 1rem;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    display: flex;
    align-items: start;
    gap: 10px;
    cursor: pointer;
}

.select-field input[type="radio"]:checked+label {
    border: 2px solid #282322;
}

.select-field input[type="radio"] {
    display: none;
}

.select-field label .radio {
    min-width: 1.0625rem;
    margin-top: .1875rem;
}

.select-field label .radio img:last-child {
    display: none;
}

.select-field label .radio img {
    width: 100%;
    vertical-align: top;
}

.select-field input[type="radio"]:checked+label .radio img:first-child {
    display: none;
}

.select-field input[type="radio"]:checked+label .radio img:last-child {
    display: block;
}

.radio-content {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    align-items: start;
    width: 100%;
}

.radio-content h5 {
    color: #282322;
    font-weight: 600;
    font-size: 1.125rem;
}

.radio-content p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}


.select-exp-jun {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.select-exp-jun .exp-select-list input[type="radio"]:checked+label .radio img:first-child {
    display: none;
}

.select-exp-jun .exp-select-list input[type="radio"]:checked+label .radio img:last-child {
    display: block;
}

.select-exp-jun .exp-select-list input[type="radio"] {
    display: none;
}

.select-exp-jun .exp-select-list label .radio {
    min-width: 1.0625rem;
}

.select-exp-jun .exp-select-list label {
    display: flex;
    align-items: center;
    gap: .3125rem;
    cursor: pointer;
}

.select-exp-jun .exp-select-list label p {
    font-weight: 600;
    color: #282322;
    font-size: .875rem;
}

.select-exp-jun .exp-select-list label .radio img:last-child {
    display: none;
}

.select-exp-jun .exp-select-list label .radio img {
    width: 100%;
}


.form-list .exp-list-form {
    display: grid;
    grid-template-columns: 38.75rem 1fr;
    gap: 1.5rem;
    align-items: flex-start;
    width: 100%;
}

.form-list {
    max-width: 59.625rem;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.select-date .dropdown .dropdown-toggle {
    background-color: transparent;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .75rem;
    height: 2.3125rem;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
}

.select-date .dropdown .dropdown-toggle.show {
    border-color: #282322;
}

.select-date .dropdown .dropdown-toggle::after {
    display: none;
}

.select-date {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1.5fr 1fr;
    gap: 1.5rem;
    width: 100%;
}

.bi-input {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.input-checkbox input {
    display: none;
}

.input-checkbox .check-flex {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1.5rem;
}

.input-checkbox .check-flex p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.input-checkbox .check-flex label {
    display: inline-block;
    min-width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 3px;
    cursor: pointer;
}

.input-checkbox .check-flex label img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.input-checkbox .check-flex label img:first-child {
    display: none;
}


.input-checkbox input:checked+.check-flex label img:first-child {
    display: block;
}

.input-checkbox input:checked+.check-flex label img:last-child {
    display: none;
}

.sticky-header {
    position: sticky;
    position: -webkit-sticky;
    top: 2.5rem;
    z-index: 999;
}

/* ----Dec-12 */

.ai-right-content .right-content-wrapper.max-w-full {
    max-width: 100%;
}

.right-content-wrapper.max-w-full .recommended-content .recommended-list {
    display: grid;
    grid-template-columns: 1fr;
}

.field-recommended {
    position: relative;
}

.foot-recommend.top-foot {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    width: auto;
    border: 0;
}

.top-recomend.rounded-b {
    border-radius: .75rem;
    border: 1px solid #E3E3E5;
}


.foot-recommend .try-ai.black-link {
    color: #ffffff;
    border: 0;
    box-shadow: 4px 6px 24px #55380910;
    gap: .3125rem;
    white-space: nowrap;
    background-color: #282322;
    padding: 0 1.25rem;
}


.foot-recommend .try-ai.black-link:hover {
    background-color: #322f2e;
}

.sticky-header {
    top: 0px;
}

.navbar {
    padding: 2rem 1.5rem;
}

.navbar-nav .btn-upload {
    min-width: unset;
    padding: .75rem 1.25rem !important;
}

.navbar-toggler {
    background-color: #FFFFFF;
}

.yearmonth {
    max-height: 165px;
    overflow: auto;
}

/* ----Dec-12 */

.ai-right-content .right-content-wrapper.max-w-full {
    max-width: 100%;
}

.right-content-wrapper.max-w-full .recommended-content .recommended-list {
    display: grid;
    grid-template-columns: 1fr;
}

.field-recommended {
    position: relative;
}

.foot-recommend.top-foot {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    width: auto;
    border: 0;
}

.top-recomend.rounded-b {
    border-radius: .75rem;
    border: 1px solid #E3E3E5;
}


.foot-recommend .try-ai.black-link {
    color: #ffffff;
    border: 0;
    box-shadow: 4px 6px 24px #55380910;
    white-space: nowrap;
    background-color: #282322;
    padding: 0 1.25rem;
}


.foot-recommend .try-ai.black-link:hover {
    background-color: #322f2e;
}


.navbar {
    padding: 2rem 1.5rem;
}

.navbar-nav .btn-upload {
    min-width: unset;
    padding: .75rem 1.25rem !important;
}

.navbar-toggler {
    background-color: #FFFFFF;
}

.rounded-b .recomend-title-details {
    margin-left: 0;
}

.btn-close:focus {
    box-shadow: none;
}

/* dec-13 */

.interview-list-wrapper .ai-list a {
    height: 2.75rem;
    font-size: 1rem;
    font-weight: 500;
}

.interview-list-wrapper .ai-list a img {
    margin-right: 1rem;
}

.interview-list-wrapper .ai-list .create-btn {
    width: 100%;
    margin-bottom: 1.25rem;
}

.interview-list-wrapper .ai-list .create-btn a {
    background-color: #F4F4F5;
    border: 1px solid #282322;
    border-radius: .3125rem;
    justify-content: center;
}

.interview-list-wrapper .ai-list .create-btn a:hover {
    background-color: #e8e8e8;
}

.interview-list-wrapper .ai-list .create-btn a img {
    margin-right: .5rem;
}

.side-contact-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 1rem .75rem;
    border-bottom: 1px solid #E3E3E5;
}

.side-contact-content a {
    display: flex;
    align-items: center;
    height: 1.8125rem;
    justify-content: start;
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
    text-decoration: none;
    margin-bottom: .5rem;
    width: 100%;
    padding: 0 .5rem;
    border-radius: .3125rem;
}

.side-contact-content a:last-child {
    margin-bottom: 0;
}

.side-contact-content a:hover {
    background-color: #F4F4F5;
}

.side-contact-content a img {
    margin-right: .5rem;
}

.interview-list-wrapper .interview-header h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #282322;
}

.interview-list-wrapper .interview-header {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E3E3E5;
    height: 3.5rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background-color: #FFFFFF;
}

.right-header-list {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.right-header-list input {
    border: 1px solid #BABABA;
    border-radius: .5rem;
    height: 2rem;
    padding: 0 .75rem;
    font-size: .875rem;
    color: #262322;
    font-weight: normal;
    max-width: 17.5rem;
    width: 100%;
    margin-right: .75rem;
}

.right-header-list input:focus {
    outline: none;
    border-color: #262322;
}

.right-header-list a {
    height: 2rem;
    align-items: center;
    display: flex;
    padding: 0 1.3125rem;
    justify-content: center;
    color: #282322;
    border: 1px solid #282322;
    border-radius: .5rem;
    text-decoration: none;
    white-space: nowrap;
    margin-right: .75rem;
}

.right-header-list a.black-btn-link {
    margin-right: 0;
}

.right-header-list a:hover {
    background-color: #F0F0F2;
}

.right-header-list .side-hide {
    margin-left: 0.75rem;
    min-width: 2rem;
    height: 2rem;
}

.right-header-list a.black-btn-link {
    background-color: #282322;
    border: 0;
    color: #FFFFFF;
    font-weight: 500;
}

.right-header-list a.black-btn-link:hover {
    background-color: #474140;
}

.right-header-list a.black-btn-link span {
    margin-left: .25rem;
}

.right-header-list a span {
    margin-left: .5rem;
}

.right-interview-warraper {
    padding: 1.5rem 1rem;
}

.interview-content {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.interview-content .interview-list {
    margin-bottom: 1rem;
    border: 1px solid #E3E3E5;
    border-radius: .75rem;
    width: 100%;
    position: relative;
}

.interview-list .routing-nxt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.interview-content .interview-list:last-child {
    margin-bottom: 0;
}


.top-interview-details {
    display: flex;
    flex-direction: column;
    padding: 1.0625rem 1.5rem 1.5rem;
    width: 100%;
    position: relative;
}

.top-interview-details .interview-desc {
    margin-bottom: .75rem;
}

.top-interview-details .interview-desc h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.top-interview-details .interview-desc h3 a {
    display: none;
}

.top-interview-details .interview-desc:last-child {
    margin-bottom: 0;
}

.top-interview-details .list-places {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    align-items: center;
}


.top-interview-details .list-places .place-content {
    margin-right: 1.25rem;
    display: flex;
    align-items: center;
}

.top-interview-details .list-places .place-content img {
    margin-right: .3125rem;
}

.top-interview-details .list-places .place-content p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.top-interview-details .list-places .place-content:last-child {
    margin-right: 0;
}


.top-interview-details .list-places .sep-interview {
    height: .5rem;
    width: .0625rem;
    background-color: #E3E3E5;
    margin-right: 1.25rem;
}


.top-interview-details .course-list {
    display: flex;
    align-items: center;
    row-gap: .3125rem;
    flex-wrap: wrap;
}

.top-interview-details .course-list p {
    padding: .0625rem .3125rem;
    border-radius: .75rem;
    background-color: #F4F4F5;
    margin-right: .5rem;
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
}

.top-interview-details .course-list p:last-child {
    margin-right: 0;
}

.description-interview p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}


.bottom-interview-details {
    padding: .75rem 1.25rem .75rem 1.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #E3E3E5;
}

.bottom-interview-details .left-bottom-details {
    display: flex;
    align-items: center;
}

.bottom-interview-details .left-bottom-details p {
    margin-left: 1rem;
    font-size: .75rem;
    color: #01754F;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.forword-btn-list {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.forword-btn-list a {
    margin-right: .75rem;
    text-decoration: none;
    height: 2.0625rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    box-shadow: 4px 6px 24px #55380910;
    font-weight: 500;
}

.forword-btn-list a img {
    margin-right: .3125rem;
}

.forword-btn-list a.copy-btn {
    background-color: #F0F0F2;
    color: #282322;
    padding: 0 1.3125rem;
}

.forword-btn-list a.copy-btn:hover {
    background-color: #e6e6eb;
}

.forword-btn-list a.send-btn {
    color: #FFFFFF;
    background-color: #282322;
    padding: 0 .75rem;
}

.forword-btn-list a.send-btn:hover {
    background-color: #474140;
}

.forword-btn-list a:last-child {
    margin-right: 0;
}

.left-bottom-details .img-list {
    display: flex;
    position: relative;
    width: 7rem;
    height: 2rem;
    overflow: hidden;
}

.left-bottom-details .img-list img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;

}

.left-bottom-details .img-list img:nth-child(2) {
    left: 20px;
}

.left-bottom-details .img-list img:nth-child(3) {
    left: 40px;
}

.left-bottom-details .img-list img:nth-child(4) {
    left: 60px;
}

.left-bottom-details .img-list img:nth-child(5) {
    left: 80px;
}

.top-interview-details .settings-btn {
    position: absolute;
    top: .8125rem;
    right: 1.25rem;
    z-index: 5;
}

.settings-btn .btn-group button {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    border-radius: .5rem;
    padding: 0;
}

.settings-btn .btn-group button:hover {
    background-color: #474140;
}

.settings-btn .dropdown-toggle::after {
    display: none;
}

.settings-btn .dropdown-toggle:active {
    background-color: #282322;
}

.settings-btn .dropdown-menu {
    border: 1px solid #F7F7F7;
    box-shadow: 4px 6px 24px #55380910;
    padding: .5rem .25rem;
    border-radius: .5rem;
    min-width: 8.1875rem;
}

.settings-btn .dropdown-menu a {
    display: flex;
    align-items: center;
    height: 1.6875rem;
    border-radius: .25rem;
    margin-bottom: .0625rem;
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    padding: 0 .375rem;
}

.settings-btn .dropdown-menu a:hover {
    background-color: #F4F4F5;
}

.settings-btn .dropdown-menu a:last-child {
    margin-bottom: 0;
}

.settings-btn .dropdown-menu a img {
    margin-right: .5rem;
}


/* send-modal---- */

.send-modal .modal-dialog {
    max-width: 40rem;
    padding-top: 10rem;
    margin-top: 0;
    display: flex;
    align-items: center;
}

.send-modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 1rem;
}

.send-modal .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.send-modal .modal-dialog .modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #E3E3E5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.send-modal .modal-dialog .modal-header h5 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}

.send-modal .modal-dialog .modal-header button {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.send-tabs .nav-item button {
    height: 100%;
    padding: 0 .75rem;
    border: 0;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    color: #272322;
    font-size: 1rem;
    white-space: nowrap;
}

.send-tabs .nav-item button:hover {
    border-color: transparent;
}

.send-tabs .nav-item button img {
    margin-right: .3125rem;
}

.send-tabs .nav-item button.active {
    border-bottom: 2px solid #272322;
    font-weight: 500;
}

.send-tabs {
    padding: 0 .75rem;
    border-bottom: 1px solid #E3E3E5;
    /* overflow: auto; */
    flex-wrap: nowrap;
    height: 2.5rem;
}

.send-tabs-content {
    padding: 1.5rem;
}

.send-tabs-content .copy-link-tab p {
    color: #272322;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 2.5rem;
}

.send-tabs-content .copy-link-tab .copy-link-input .input-grp {
    position: relative;
    margin-bottom: 1.5rem;
}

.send-tabs-content .copy-link-tab .copy-link-input .input-grp input {
    height: 4.25rem;
    border: 1px solid #BABABA;
    padding: 1.5rem;
    color: #272322;
    font-size: 1rem;
    font-weight: normal;
    width: 100%;
    border-radius: .5rem;
}

.send-tabs-content .copy-link-tab .copy-link-input .input-grp input:focus {
    outline: none;
    border-color: #272322;
}

.send-tabs-content .copy-link-tab .copy-link-input .input-grp a {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    position: absolute;
    right: .5rem;
    top: .5rem;
    height: 3.25rem;
    padding: 0 1rem;
    background-color: #282322;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    text-decoration: none;
}

.send-tabs-content .copy-link-tab .copy-link-input .input-grp a:hover {
    background-color: #474140;
}

.send-tabs-content .copy-link-tab .copy-link-input .input-grp a img {
    margin-right: .3125rem;
}

.send-tabs-content .link-share {
    display: flex;
    justify-content: center;
}

.send-tabs-content .link-share .share-link-list {
    margin-right: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.send-tabs-content .link-share .share-link-list a {
    min-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0F0F2;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: 50%;
}

.send-tabs-content .link-share .share-link-list a img:last-child {
    display: none;
}

.send-tabs-content .link-share .share-link-list a:hover {
    background-color: #282322;
}

.send-tabs-content .link-share .share-link-list a:hover img:last-child {
    display: block;
}

.send-tabs-content .link-share .share-link-list a:hover img:first-child {
    display: none;
}

.send-tabs-content .link-share .share-link-list:last-child {
    margin-right: 0;
}

.send-tabs-content .link-share .share-link-list span {
    font-size: .75rem;
    color: #272322;
    font-weight: normal;
    margin-top: .5rem;
}

.job-details-tabs .recommendation-tab p {
    all: unset;
    display: block;
    margin: 0;
}

.recommendation-tab p {
    font-size: 1rem;
    color: #272322;
    font-weight: normal;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #E3E3E5;
}

.list-recommendation {
    /* margin-bottom: 1.5rem; */
    height: calc(100vh - 34rem);
    overflow: auto;
    padding-right: .625rem;
}

.list-recommendation::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.list-recommendation::-webkit-scrollbar-thumb {
    background-color: #E3E3E5;
    border-radius: 10px;
}

.recommendation-content {
    padding: .5rem 0;
    border-bottom: 1px solid #E3E3E5;
}

.recommendation-content:first-child {
    padding-top: 0;
}

.recommendation-content:last-child {
    border-bottom: 0;
}

.recommendation-content .recommendation-details {
    display: flex;
    align-items: center;
}

.recommendation-content .check-recomm input {
    display: none;
}

.recommendation-content .check-recomm label {
    cursor: pointer;
    width: .875rem;
    height: .875rem;
}

.recommendation-content .check-recomm label img {
    width: 100%;
    height: 100%;
}

.recommendation-content .check-recomm label img:last-child {
    display: none;
}


.recommendation-content .check-recomm input:checked+label img:first-child {
    display: none;
}

.recommendation-content .check-recomm input:checked+label img:last-child {
    display: block;
}

.recommendation-content .user-prof-img {
    min-width: 2rem;
    height: 2rem;
    width: 2rem;
}

.recommendation-content .user-prof-img img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.recommendation-content .check-label-prof {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.recommendation-content .check-label-prof .user-prof-img {
    margin-left: .625rem;
}

.recommendation-content .details-user-prof {
    display: flex;
    flex-direction: column;
}

.recommendation-content .details-user-prof .title-prof {
    margin-bottom: .375rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: .5rem;
}

.recommendation-content .details-user-prof .title-prof h4 {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    margin-right: .5rem;
}

.recommendation-content .details-user-prof .title-prof .locate-details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: .5rem;
}

.recommendation-content .details-user-prof .title-prof .locate-details .prof-locate {
    display: flex;
    align-items: center;
    margin-right: .5rem;
}

.recommendation-content .details-user-prof .title-prof .locate-details .prof-locate:last-child {
    margin-right: 0;
}

.recommendation-content .details-user-prof .title-prof .locate-details .prof-locate span {
    font-size: .75rem;
    color: #5E5F67;
    font-weight: 400;
    margin-left: .1875rem;
}

.recommendation-content .details-user-prof .title-prof .locate-details .sep-prof {
    margin-right: .5rem;
    height: .5rem;
    width: .0625rem;
    background-color: #E3E3E5;
}

.recommendation-content .details-user-prof .skills-prof span {
    background-color: #F4F4F5;
    color: #282322;
    font-size: .8125rem;
    font-weight: normal;
    padding: .0625rem .3125rem .1875rem;
    border-radius: .75rem;
}

.recommendation-content .details-user-prof .skills-prof {
    display: flex;
    row-gap: .5rem;
    column-gap: .5rem;
    flex-wrap: wrap;
}

.invite-btn a {
    box-shadow: 4px 6px 24px #55380910;
    height: 3.25rem;
    border-radius: 1.625rem;
    padding: 0 1rem 0 .75rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    text-decoration: none;
}

.invite-btn {
    display: flex;
    justify-content: end;
    padding-top: 1.5rem;
    border-top: 1px solid #E3E3E5;
}

.invite-btn a img {
    margin-right: .3125rem;
}

.invite-btn a:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.right-top-wrapper {
    padding: 1rem 1rem 1.25rem;
    background-color: #F4F5F7;
}

.interview-top-content .top-interview-details {
    padding: 0;
}

.interview-top-content .top-interview-details .list-places .sep-interview {
    background-color: #C9C9CD;
}

.interview-top-content .top-interview-details .course-list p {
    border: 1px solid #C9C9CE;
    background-color: #F4F5F7;
}

.job-details-tabs {
    padding: 1rem;
}

.interview-list-wrapper .interview-header h3 {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.interview-list-wrapper .interview-header h3 a {
    margin-right: .5rem;
}

.interview-list-wrapper .interview-header h3 .back-arrow img {
    transform: rotate(180deg);
}

.job-wrapper .send-tabs {
    border-top: 1px solid #E3E3E5;
}

.job-details-pane .right-header-list {
    margin-left: 0;
    justify-content: end;
    margin-bottom: 1.5rem;
}

.job-details-pane .right-header-list a {
    margin-right: 0;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
    box-shadow: 4px 6px 24px #55380910;
}

.candidate-tbl .table {
    width: 100%;
    min-width: 55.625rem;
}

.candidate-tbl .table thead tr th {
    padding: .75rem;
    color: #282322;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    border-bottom: 1px solid #E3E3E5;
}

.candidate-tbl .table tbody tr td {
    border-bottom: 1px solid #E3E3E5;
    padding: .625rem .75rem;
    color: #282322;
    font-weight: normal;
    font-size: .875rem;
    vertical-align: middle;
}

.candidate-tbl .table tbody tr:hover td {
    background-color: #F7F8FA;
}

.candidate-tbl .table tbody tr td .candidate-info {
    display: flex;
    align-items: center;
}

.candidate-tbl .table tbody tr td .candidate-info .candidate-img {
    min-width: 2rem;
    height: 2rem;
    margin-right: .5rem;
}

.candidate-tbl .table tbody tr td .candidate-info .candidate-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.candidate-tbl .table tbody tr td .candidate-info .star-info {
    display: flex;
    align-items: center;
}

.candidate-tbl .table tbody tr td .candidate-info .star-info img {
    margin-left: .5625rem;
}

.candidate-tbl .table tbody tr td .candidate-details {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.candidate-tbl .table tbody tr td .candidate-details h3 {
    margin-bottom: .1875rem;
    color: #282322;
    font-size: .875rem;
    font-weight: 500;
}

.candidate-tbl .table tbody tr td .candidate-details h3 span {
    font-size: .75rem;
    font-style: italic;
}

.candidate-tbl .table tbody tr td .candidate-details p {
    font-size: .8125rem;
    font-weight: normal;
    color: #919191;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
}

.candidate-tbl .table tbody tr td .line-clam-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.candidate-tbl .table tbody tr td .line-clam-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.candidate-tbl .table tbody tr td .record-play-content {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

.candidate-tbl .table tbody tr td .play-record {
    display: flex;
    align-items: center;
    margin-bottom: .3125rem;
}

.candidate-tbl .table tbody tr td .play-record span {
    color: #282322;
    font-size: .75rem;
    font-weight: 500;
}

.candidate-tbl .table tbody tr td .play-record .video-play-btn {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
}

.candidate-tbl .table tbody tr td .play-record .video-play-btn img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.candidate-tbl .table tbody tr td .record-play-content p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
}

.candidate-tbl .table tbody tr td .download-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    white-space: nowrap;
}

.candidate-tbl .table tbody tr td .download-content .download-btn {
    width: 2rem;
    height: 2rem;
    margin-bottom: .4375rem;
}

.candidate-tbl .table tbody tr td .download-content .download-btn img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.candidate-tbl .table tbody tr td .download-content .progress-list p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    margin-left: .5rem;
}

.candidate-tbl .table tbody tr td .download-content .progress-list {
    display: flex;
    align-items: center;
}

.candidate-tbl .table tbody tr td .download-content .progress-list .progress-bar {
    min-width: 3.5rem;
    height: .6875rem;
    border-radius: .5rem;
    background-color: #E3E3E5;
    position: relative;
}

.candidate-tbl .table tbody tr td .download-content .progress-list .progress-bar::after {
    content: '';
    position: absolute;
    width: 75%;
    height: 100%;
    display: block;
    background: linear-gradient(103deg, #5CBF86 0%, #31D33D 100%);
    border-radius: .5rem;
    left: 0;
    top: 0;
}

.candidate-tbl .table thead tr th.w-25 {
    width: 25%;
}

.right-list-btn {
    display: flex;
    align-items: center;
}

.right-list-btn a {
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    padding: 0 .75rem;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    text-decoration: none;
    background-color: #F0F0F2;
    margin-right: .75rem;
}

.right-list-btn a:hover {
    background-color: #d9d9db;
}

.right-list-btn a:last-child {
    margin-right: 0;
}


.right-list-btn a.black-header-btn:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.right-list-btn a.black-header-btn {
    background-color: #282322;
    color: #FFFFFF;
}

.right-list-btn a img {
    margin-right: .3125rem;
}

.right-copy-link-header {
    display: flex;
}

.right-copy-link-header .link-details {
    margin-right: 1.6875rem;
    display: flex;
    align-items: center;
}

.right-copy-link-header .link-details img {
    margin-right: .5rem;
}

.right-copy-link-header .link-details p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.video-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.video-wrapper .title-video {
    padding: 1rem 1rem 1.25rem;
    display: flex;
    align-items: start;
}

.video-wrapper .title-video a {
    margin-right: 1rem;
    min-width: 1rem;
    height: 1rem;
}

.video-wrapper .title-video a img {
    transform: rotate(180deg);
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.video-wrapper .title-video .top-interview-details {
    padding: 0;
}

.play-video-confe {
    background-color: #F4F5F7;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 22.5rem;
}

.play-video-confe .left-video-content:last-of-type {
    grid-column: span 2;
}

/* .ai-right-content {
    height: 100vh;
} */

.play-video-confe {
    height: 100%;
    background-color: #F4F5F7;
}

.play-video-confe .left-video-content {
    padding: 1.5rem 1rem 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.play-video-confe .left-video-content .title-link {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: .625rem;
}



.play-video-confe .left-video-content .title-link .link-details {
    display: flex;
    align-items: center;
}

.play-video-confe .left-video-content .title-link .link-details img {
    margin-right: .5rem;
}

.play-video-confe .left-video-content .title-link .link-details p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
    word-break: break-all;
}


.play-video-confe .left-video-content .title-link .right-link-details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.play-video-confe .left-video-content .title-link .right-link-details .link-details {
    display: flex;
    align-items: center;
    margin-right: .75rem;
    text-decoration: none;
}

.play-video-confe .left-video-content .title-link .right-link-details .link-details:last-child {
    margin-right: 0;
}

.play-video-confe .left-video-content .title-link .right-link-details .link-sep {
    margin-right: .75rem;
    height: .8125rem;
    width: .0625rem;
    background-color: #919191;
}

.play-video-confe .left-video-content .title-link .right-link-details .link-details img {
    margin-right: .5rem;
}

.play-video-confe .left-video-content .title-link .right-link-details .link-details span {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.play-video-confe .left-video-content .title-link .right-link-details .link-details:hover span {
    text-decoration: underline;
}

.left-video-content .screen-video-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.left-video-content .screen-video-content .img-video {
    position: relative;
    height: 24.0625rem;
}

.left-video-content .screen-video-content .img-video img {
    width: auto;
    max-width: 100%;
    height: 100%;
    border-radius: .3125rem;
}

.left-video-content .screen-video-content .img-video::after {
    /* content: ''; */
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(closest-side at 50% 50%, #0000003E 0%, #000000AF 100%);
    width: 100%;
    height: 100%;
}

.left-video-content .screen-video-content a {
    min-width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E4E4EA;
    border-radius: 50%;
    margin-right: .625rem;
}

.left-video-content .screen-video-content a:last-child {
    margin-left: .625rem;
}

.left-video-content .screen-video-content a:hover {
    background-color: #d5d5d8;
}


.right-details-content {
    background-color: #E7EAEF;
    padding: 1.25rem .5rem .25rem;
    display: flex;
    flex-direction: column;
}

.right-top-title {
    display: flex;
    align-items: start;
    margin-bottom: .75rem;
    padding: 0 .75rem;
}

.left-title-content {
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    width: 4.5rem;
}

.left-title-content .profile-title {
    height: 4.5rem;
    width: 100%;
    margin-bottom: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    border-radius: 50%;
}

.left-title-content .profile-title span {
    font-size: 28px;
    color: #ffffff;
    font-weight: 600;
}

.left-title-content .profile-title img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}


.profile-details-list {
    display: flex;
    flex-direction: column;
}

.profile-details-list h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: .3125rem;
}

.profile-details-list p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.profile-details-list .bi-list-details {
    display: flex;
    align-items: center;
    margin-top: .3125rem;
}

.profile-details-list .bi-list-details p {
    margin-right: .5rem;
    display: flex;
    align-items: center;
}

.profile-details-list .bi-list-details p img {
    margin-right: .1875rem;
}

.profile-details-list .bi-list-details p:last-child {
    margin-right: 0;
}

.left-title-content .progress-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-title-content .progress-list p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
}

.left-title-content .progress-list .progress-bar {
    position: relative;
    height: .6875rem;
    width: 100%;
    background-color: #CCD2DE;
    border-radius: .5rem;
    margin-right: .3125rem;
    max-width: 50%;
}

.left-title-content .progress-list .progress-bar::after {
    position: absolute;
    content: '';
    width: var(--before-width, 0%);
    height: 100%;
    background: linear-gradient(108deg, #5CBF86 0%, #31D33D 100%);
    border-radius: .5rem;
}

.profile-details-list .bi-list-details .sep-list-details {
    width: .0625rem;
    height: .5rem;
    background-color: #919191;
    margin-right: .5rem;
}

.user-skills-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0 .75rem;
    margin-bottom: 1.25rem;
}

.user-skills-details h3 {
    font-weight: 600;
    color: #282322;
    font-size: .75rem;
    margin-bottom: .3125rem;
}

.user-skills-details p {
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.notes-tag-tab {
    background-color: #FFFFFF;
    border-radius: .3125rem;
    height: 100%;
}

.notes-tag-tab .send-tabs {
    padding: 0;
}


.notes-tag-tab .send-tabs .nav-link {
    font-weight: 600;
    text-transform: uppercase;
}

.notes-tag-tab .send-tabs .nav-link.active {
    font-weight: 600;
}

.notes-tag-tab .user-took-notes {
    padding: 1.25rem .75rem;
}

.user-took-notes .notes-tab .content-notes input {
    border: 0;
    font-size: 1rem;
    color: #262322;
    font-weight: normal;
    margin-bottom: 1.25rem;
}

.user-took-notes .notes-tab .content-notes input:focus {
    outline: none;
}


.notes-fix {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: .5rem;
}


.notes-fix .notes-list {
    padding: .25rem;
    align-items: center;
    display: flex;
    border-radius: .3125rem;
    background-color: #F4F4F5;
    margin-right: .5rem;
}

.notes-fix .notes-list:last-child {
    margin-right: 0;
}

.notes-fix .notes-list p {
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
    margin-right: .3125rem;
}

.notes-fix .notes-list a {
    width: .5rem;
    height: .5rem;
}

.notes-fix .notes-list a img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.bottom-content .video-player {
    cursor: pointer;
    background-color: #babbbd;
    height: 6px;
    position: relative;
}


.bottom-content .video-player .videoplayer-line {
    height: .25rem;
    background-color: #282322;
    width: 0%;
    border-radius: .125rem;
    position: relative;
    cursor: pointer;
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.bottom-content .video-player img {
    position: absolute;
    left: 0;
    bottom: 5px;
}

.player-controls {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}

.player-controls .version-type {
    display: flex;
    align-items: center;
}

.player-controls .version-type p {
    font-size: .875rem;
    font-weight: 500;
    color: #919191;
}

.player-controls .version-type img {
    margin-right: .3125rem;
}


.player-controls .contols-content {
    display: flex;
    flex-direction: column;
}

.player-controls .contols-content .controls-list {
    display: flex;
    align-items: center;
}

.player-controls .contols-content .controls-list a {
    margin-right: 1.25rem;
}

.player-controls .contols-content .controls-list a:last-child {
    margin-right: 0;
}

.player-controls .contols-content p {
    color: #272322;
    font-size: .75rem;
    font-weight: 500;
    margin-top: .3125rem;
}


.toggle-hide-btn {
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    padding: .3125rem;
    position: absolute;
    display: flex;
    right: .625rem;
    top: 1.125rem;
    align-items: center;
    justify-content: center;
    background-color: #E7EAEF;
    margin-left: .625rem;
}



.right-details-content.active {
    right: 0px;
    display: block;
}

.toggle-right-close {
    margin-left: auto;
    display: none;
}

.toggle-hide-btn {
    display: none;
}

.toggle-hide-btn img {
    vertical-align: top;
}


.side-bar-offcanvas {
    border-right: 0 !important;
}

/*24-12-24*/

.from-file {
    background-color: #ffffff;
    border: 1px dashed #BABABA;
    border-radius: 20px;
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 180px;
    max-width: 960px;
    margin: auto;
}

.from-file p {
    font-size: 16px;
    line-height: 22px;
    color: #919191;
    font-weight: normal;
    max-width: 278px;
    text-align: center;
    margin-top: 24px;
}

.from-file p span {
    font-weight: 500;
    color: #282322;

}

.from-file button {
    min-width: fit-content;
    width: 133px;
}




.form-url .inpt-grp label {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 8px;

}


.form-url {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 16px;
}

.form-url .inpt-grp>input,
.form-url .inpt-grp .textarea {
    background: #FFFFFF;
    border: 1px solid #BABABA;
    border-radius: 8px;
    padding: 10px 12px;
    height: 40px;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #282322;
    margin-bottom: 0;

}

.form-url .inpt-grp .textarea {
    height: auto;
    min-height: 80px;
    resize: none;
    outline: none;
}

.form-url .col3 {
    grid-column: span 3;

}

.textarea-flexx ul {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.textarea-flexx li {
    background: #F4F4F5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px;
    width: fit-content;
    font-size: 13px;
    font-weight: normal;
    color: #282322;
}

.textarea-flexx li:last-of-type {
    border: none;
    height: 20px;
    width: 160px;
}

.textarea-flexx li input::placeholder {
    color: #919191;

}



.form-url .inpt-grp .textarea-flexx ul li input {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    border: none;
    padding: 0;
    height: 20px;
    margin: 0;
    border-radius: 0;

}

.inpt-grp .btn-black {
    padding: 12px 24px;
    min-width: fit-content;
    margin-left: auto;

}

.form-url .inpt-grp label span {
    font-weight: 500;
}

.paste-url button {
    padding: 9px 12px;
    min-width: 88px;
    height: 32px;
    font-weight: normal;
    font-size: 14px;
    width: 88px;
    margin-top: 16px;
    margin-left: auto;
}

.fetch-data {
    max-width: 400px;
    margin: auto;
    width: 100%;
}

.fetch-data h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #282322;
    margin: 20px 0;
    text-align: center;
}


.fetch-data p {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    color: #919191;
}

.img-wrap {
    height: 80px;
    overflow: hidden;
    width: 100px;
    margin: auto;
}

.img-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;

}

.fetch-data .progress {
    width: 100%;
    background-color: #EFF1F5;
    border-radius: 4px;
    height: 5px;
    margin-bottom: 20px;
    position: relative;
}

.fetch-data .progress span {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #282322;
    border-radius: 4px;
}

.AI-modal p {
    border-radius: 3px;
    background-color: #F4F5F7;
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #272322;
    margin-bottom: 24px;

}

.AI-modal .modal-body {
    padding: 16px 24px !important;
}

.AI-modal .dropdown button,
.AI-modal .dropdown button:active {
    background-color: transparent;
    height: 37px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #BABABA;
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
    color: #B6B6B9;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AI-modal label {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #282322;
}

.ai-modal-grd {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 24px;
}

.AI-modal .btn-black {
    padding: 16px;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: 26px;
    height: 52px;
    width: fit-content;
    margin-top: 24px;
    margin-left: auto;
}

.AI-modal .dropdown .dropdown-menu {
    width: 100%;
    border: none;
    box-shadow: 4px 6px 24px #55380910;
    font-size: 14px;
}

.AI-modal .modal-dialog {
    padding: 10px;
}

.AI-modal .modal-dialog {
    max-width: 660px;

}

/* newww */

.interview-wrapper {
    padding: 16px;
}

.interview-top {
    margin-bottom: 40px;
}

.interview-top h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    color: #282322;
    margin-bottom: 3px;
}

.interview-top p {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    color: #282322;
}

.interview-body .accordion-item {
    padding: 20px 43px 20px 16px;
    border: 1px solid #E3E3E5;
    border-radius: 8px;
    outline: 1px solid transparent;
}

.interview-body .accordion-item:hover {
    outline: 1px solid #282322;
}


.interview-body .accordion-item {
    outline: 1px solid transparent;
}

.interview-body .accordion-btn {


    background-color: transparent;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.accordion-btn input {
    width: 17px;
    height: 17px;
    accent-color: #282322;
    min-width: 17px;
}

.interview-body .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.interview-body .accordion-btn h2 {

    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #282322;
    margin-bottom: 5px;
    text-align: start;

}

.interview-body .accordion-btn p {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #282322;
    text-align: start;
}

.h-56 {
    height: 56px !important;
    min-height: 56px;
}

.interview-list-wrapper,
.ai-wrapper {
    display: grid;
    grid-template-columns: 15rem 1fr;
    min-height: 100vh;
}

.company-video-page {
    height: 100vh;
}

.interview-body .accordion-item:hover {
    border: 1px solid #282322;
    background-color: #FDFDFD;
}


.interview-body .accordion-body {
    padding: 40px 0px 20px 28px;
}

.interview-body .accordion-body label {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 8px;
    display: block;
}

.interview-body .accordion-body label span {
    font-weight: 600;
}

.interview-body .accordion-body input,
.interview-body .accordion-body .textarea-inpt {
    border: 1px solid #BABABA;
    border-radius: 8px;
    height: 40px;
    background-color: #ffffff;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    padding: 10px 12px;
    outline: none;
}

.interview-body .accordion-body input::placeholder {
    color: #919191;

}

/* .accordion-item.active {
    background-color: #FDFDFD;
} */

.interview-body .accordion-body .textarea-inpt {
    height: 200px;
    resize: none;
    margin-bottom: 0;
    padding-bottom: 65px;
    display: flex;
    flex-direction: column;

}

.interview-body .accordion-body .textarea-inpt textarea {
    flex-grow: 1;
    border: none;
    outline: none;
    resize: none;
}

.interview-body .accordion-body textarea+button {
    min-width: 144px;
    height: 44px;
    border-radius: 5px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}

#compulsoryStar,
#createOwnJobTitErr {
    color: #c1300f;
}

.err {
    color: #c1300f !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.chatErr {
    color: #c1300f !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.collapseInside {
    width: 100%;
    padding-left: 20px;
}

.profilestr {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: #000000;
    display: grid;
    place-items: center;
    color: #ffffff;
    font-size: 50px;
    font-weight: 500;
}

/* ----Jan-6 */

.upload-content {
    margin-bottom: 2rem;
}

.verified-skill-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
}

.verified-skill-list .verified-list-item.active {
    background-color: #EBFFF2;
    border-color: #F5F7Fc;
}

.verified-skill-list .verified-list-item {
    display: flex;
    align-items: start;
    padding: 1.125rem 1rem;
    border: 1px solid #E3E3E5;
    border-radius: .3125rem;
    width: 100%;
    margin-bottom: .75rem;
    text-decoration: none;
}

.verified-skill-list .verified-list-item:last-child {
    margin-bottom: 0;
}

.verified-skill-list .verified-list-item .success-img img {
    width: 1.125rem;
    min-width: 1.125rem;
    vertical-align: top;
}

.verified-skill-list .verified-list-item .success-img .active-status {
    display: none;
}


.verified-skill-list .verified-list-item.active .success-img .active-status {
    display: block;
}


.verified-skill-list .verified-list-item.active .success-img .inactive-status {
    display: none;
}

.verified-list-item-content {
    display: flex;
}

.verified-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-left: .3125rem;
}

.verified-content h3 {
    font-size: 1.125rem;
    font-weight: 500;
    color: #282322;
    margin-bottom: .3125rem;
}

.verified-content p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}


.verified-list-item.load {
    position: relative;
}



.data-fetch .fetch-load {
    position: relative;
    width: 100%;
    background-color: #EFF1F5;
    border-radius: .3125rem;
    height: .3125rem;
    margin-bottom: 2rem;
}

/* jan 7 */

#BasicInfoLoader,
#SkillsLoader,
#EduInfoLoader,
#ExpLoader {
    width: 0px;
    height: 8px;
}

.loader-top-div {
    margin-bottom: 0.78rem;
}

/* .interview-header .right-header-list a {
    margin-right: 0 !important;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
    box-shadow: 4px 6px 24px #55380910;
} */

.interview-header .right-header-list {
    width: 100%;
    justify-content: end;
}

.candidate-tbl .field-recommended {
    margin-bottom: 10px;
}

aside .top-logo {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: #ffffff;
}

.list-footer-items .profilestr {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #000000;
    display: grid;
    place-items: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.file-upload .load-spinner {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #F4F5F7;
    border-radius: 50%;
    border-top: 2px solid #282322;
    -webkit-animation: spinNew 2s linear infinite;
    animation: spinNew 2s linear infinite;
}

#findjobs .load-spinner,
#generateJD .load-spinner,
#Createownjd .load-spinner,
#loginBtn .load-spinner,
#candidateSaveBtn .load-spinner,
.set-settings-email-style .load-spinner,
.uploaded-resume-loader .load-spinner,
#validateLoader .load-spinner,
#resumeUploadLoader .load-spinner {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #F4F5F7;
    border-radius: 50%;
    border-top: 2px solid #282322;
    margin-left: 10px;
    -webkit-animation: spinNew 2s linear infinite;
    animation: spinNew 2s linear infinite;
}



@-webkit-keyframes spinNew {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}


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

    100% {
        transform: rotate(360deg);
    }
}

.upload-effect {
    margin-bottom: 2.5rem;
}

.upload-effect .file-upload {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.upload-effect .file-upload:last-child {
    margin-bottom: 0;
}

.file-left-content {
    display: flex;
    align-items: center;
}

.file-left-content .file-img {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    margin-right: .625rem;
}

.file-left-content .file-img img {
    width: 100%;
    height: 100%;
}

.file-left-content .file-details {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.file-left-content .file-details h3 {
    color: #282322;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: .1875rem;
}

.file-left-content .file-details p {
    font-size: .8125rem;
    color: #919191;
    font-weight: normal;
}

.file-upload a {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #EF393934;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.align-center {
    align-items: center;
}

/* -----jan-10 */



.interview-body .interview-url-field {
    padding: 20px 43px 20px 16px;
    border: 1px solid #E3E3E5;
    border-radius: 8px;
    outline: 1px solid transparent;
    margin-bottom: 1rem;
}

.interview-body .interview-url-field:last-child {
    margin-bottom: 0;
}

.interview-body .interview-url-field:hover {
    outline: 1px solid #282322;
}


.interview-body .inerview-radio h2 {

    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #282322;
    margin-bottom: 5px;
    text-align: start;

}

.interview-body .inerview-radio p {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #282322;
    text-align: start;
}

.interview-body .inerview-radio {


    background-color: transparent;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.inerview-radio input {
    width: 17px;
    height: 17px;
    accent-color: #282322;
    min-width: 17px;
    cursor: pointer;
}


.interview-body .accordion-item:hover {
    border: 1px solid #282322;
    background-color: #FDFDFD;
}


.interview-field-wrapper {
    padding: 0 5rem;
}

.interview-body .accordion-body label {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 8px;
    display: block;
}

.interview-field-wrapper label span {
    font-weight: 600;
}

.interview-field-wrapper input,
.interview-field-wrapper .textarea-inpt {
    border: 1px solid #BABABA;
    border-radius: 8px;
    height: 40px;
    background-color: #ffffff;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    padding: 10px 12px;
    outline: none;
}

.interview-field-wrapper input::placeholder {
    color: #919191;

}

/* .accordion-item.active {
    background-color: #FDFDFD;
} */

.interview-field-wrapper .textarea-inpt {
    height: 200px;
    resize: none;
    margin-bottom: 0;
    padding-bottom: 65px;
    display: flex;
    flex-direction: column;

}

.interview-field-wrapper .textarea-inpt textarea {
    flex-grow: 1;
    border: none;
    outline: none;
    resize: none;
}

.h-56 {
    height: 56px !important;
    min-height: 56px;
}


.interview-field-wrapper textarea+button {
    min-width: 144px;
    height: 44px;
    border-radius: 5px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.from-file {
    max-width: 100%;
}

.interview-field-wrapper label {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 8px;
    display: block;
}

.interview-field-wrapper label span {
    font-weight: 600;
}

a {
    text-decoration: none;
}

.interview-url-field {
    position: relative;
}

.interview-url-field a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* jan 16  */
/* to remove the arrow buttons from the input fields of type number  */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.gridFull {
    grid-template-columns: 1fr;
}

/* jan 18  to display error in red color  and to make the create interview page alignment center */

.error {
    color: rgb(204, 27, 27);
    font-size: 14px;
    padding-left: 10px;
    padding-top: 7px;
}

.toCenter {
    max-width: 800px;
    margin: 0 auto;
}

/* -------jan-16 */

.user-side-details {
    margin-bottom: 1.5rem;
}


.user-side-content .ai-create-btn {
    background-color: #282322;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.5rem;
    border-radius: .5rem;
    color: #ffffff;
    box-shadow: 4px 6px 24px #55380910;
    gap: .5rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}


.user-side-content .ai-create-btn:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.interview-list-wrapper .ai-list a img {
    margin-right: 0;
}

.interview-list-wrapper .ai-list a span {
    margin-left: 1rem;
}

.side-contact-content a img {
    margin-right: 0;
}

.side-contact-content a span {
    margin-left: 1rem;
}

.side-footer .list-footer-items a img {
    margin-right: 0;
}

.side-footer .list-footer-items a span {
    margin-left: 1rem;
}

.interview-list-wrapper .ai-list .create-btn a img {
    margin-right: 0;
}

.interview-list-wrapper .ai-list .create-btn a span {
    margin-left: 0.5rem;
}

aside .top-logo {
    justify-content: space-between;
}

aside .top-logo a {
    height: 100%;
}

aside .top-logo button {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: transparent;
    border-radius: .5rem;
}

aside .top-logo button img {
    transform: rotate(180deg);
}

aside .top-logo button:hover {
    background-color: #F4F4F5;
    box-shadow: 4px 6px 24px #55380910;
}

aside .top-logo a .side-hide-logo {
    display: none;
    height: 100%;
}

.side-effect.interview-list-wrapper aside {
    transition: 0.2s
}

.side-effect.interview-list-wrapper aside:hover {
    min-width: 15rem;
    width: 15rem;
    transition: 0.2s;
}

.side-effect.interview-list-wrapper aside .top-logo button img {
    transform: rotate(0deg);
}

.side-effect.interview-list-wrapper aside:hover .top-logo button {
    display: block;
}

.side-effect aside .top-logo {
    justify-content: center;
}

.side-effect aside .top-logo button {
    display: none;
}

.side-effect aside .top-logo a .side-show-logo {
    display: none;
}

.side-effect aside .top-logo a .side-hide-logo {
    display: block;
}

.side-effect aside {
    min-width: 3.5rem;
    width: 3.5rem;
}

.side-effect aside .user-side-content .profile-img {
    display: none;
}

.side-effect aside .user-side-content .user-side-details {
    display: none;
}

.side-effect aside .user-side-content .ai-create-btn span {
    display: none;
}

.side-effect aside .user-side-content .ai-create-btn {
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
}

.side-effect aside .ai-list a span {
    display: none;
}

.side-effect aside .ai-list a {
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
}

.side-effect aside .ai-list {
    padding: .75rem .5rem;
}

.side-contact-content {
    padding: .75rem .5rem;
}

.ai-list {
    padding: .75rem .5rem;
}

aside .user-side-content {
    padding: 1.5rem .5rem .75rem;
}

.side-effect aside .user-side-content {
    padding: 1.5rem .5rem .75rem;
}

.side-effect aside .side-contact-content a span {
    display: none;
}

.side-effect aside .side-contact-content a {
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
}


.side-effect aside .side-footer .list-footer-items a span {
    display: none;
}

.side-effect aside .side-footer .list-footer-items a {
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
}

.side-effect aside .side-footer .upd-btn span {
    display: none;
}

.side-effect aside .side-footer .upd-btn {
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
}

.side-effect.interview-list-wrapper {
    grid-template-columns: auto 1fr;
}


.side-effect.interview-list-wrapper aside:hover .side-footer .list-footer-items a span {
    display: block;
}

.side-effect.interview-list-wrapper aside:hover .side-footer .list-footer-items a {
    width: 100%;
    justify-content: start;
}

.side-effect.interview-list-wrapper aside:hover .side-footer .upd-btn {
    width: 100%;
}

.side-effect.interview-list-wrapper aside:hover .side-footer .upd-btn span {
    display: block;
}

.side-effect.interview-list-wrapper aside:hover .side-contact-content a {

    width: 100%;
    justify-content: start;
}

.side-effect.interview-list-wrapper aside:hover .side-contact-content a span {
    display: block;
}

.side-effect.interview-list-wrapper aside:hover .ai-list a {
    height: 2.75rem;
    justify-content: start;
    width: 100%;
}

.side-effect.interview-list-wrapper aside:hover .ai-list a span {
    display: block;
}

.side-effect.interview-list-wrapper aside:hover .user-side-content .ai-create-btn {
    width: 100%;
}

.side-effect.interview-list-wrapper aside:hover .user-side-content .ai-create-btn span {
    display: block;
}

.side-effect.interview-list-wrapper aside:hover .user-side-content .user-side-details {
    display: flex;
}


.side-effect.interview-list-wrapper aside:hover .user-side-content .profile-img {
    display: block;
}

.user-side-content .profile-img {
    width: 3.5rem;
    height: 3.5rem;
}

.side-effect.interview-list-wrapper aside:hover .top-logo a .side-hide-logo {
    display: none;
}

.side-effect.interview-list-wrapper aside:hover .top-logo a .side-show-logo {
    display: block;
}


.side-effect.interview-list-wrapper aside:hover .top-logo {
    justify-content: space-between;
}


.offcanvas-body .user-side-content .user-side-details {
    margin-bottom: 0;
}

.offcanvas-body .user-side-content {
    align-items: start;
    gap: 10px;
}

.side-footer .upd-btn {
    height: 2.5rem;
}

.offcanvas-body .user-side-content .ai-create-btn {
    padding: 0 .75rem;
    white-space: nowrap;
}


.right-link-group {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.right-link-group .link-list {
    display: flex;
    align-items: center;
    margin-right: 1.75rem;
}

.right-link-group .link-list a {
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
    margin-right: 2.375rem;
    padding: .5rem;
    border-radius: .5rem;
}

.right-link-group .link-list a:hover {
    background-color: #F0F0F2;
}

.right-link-group .link-list a:last-child {
    margin-right: 0;
}

.right-link-group .btn-link-list {
    display: flex;
    align-items: center;
}

.right-link-group .btn-link-list a {
    height: 2.25rem;
    border-radius: .5rem;
    padding: 0 1rem;
    font-size: .875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.right-link-group .btn-link-list .btn-light {
    background-color: #F0F0F2;
    color: #282322;
}

.right-link-group .btn-link-list .btn-light:hover {
    background-color: #d2d2d3;
}

.right-link-group .btn-link-list .btn-black {
    background-color: #282322;
    color: #FFFFFF;
    margin-left: .75rem;
}

.right-link-group .btn-link-list .btn-black:hover {
    background-color: #3f3b3a;
}

.side-hide {
    margin-left: .75rem;
}


.offcanvas-body .side-footer .list-footer-items a.link-list {
    display: none;
}

.dashboard-wrapper {
    padding: 5.5625rem 2.5rem 2.5rem;
}

.dashboard-wrapper .dashboard-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    margin-bottom: 5rem;
}

.dashboard-wrapper .dashboard-group .dashboard-list-dream h1,
.dashboard-wrapper .dashboard-group .dashboard-list-ai h1 {
    color: #282322;
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.5rem;
}

.dashboard-wrapper .dashboard-group .dashboard-list-dream h1 span {
    background: transparent linear-gradient(97deg, #FDC830 0%, #F37335 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.dashboard-wrapper .dashboard-group .dashboard-list-ai h1 span {
    background: transparent linear-gradient(97deg, #6737BF 0%, #0AA4DD 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.search-text {
    position: relative;
    height: 12.5rem;
    background-color: #FAFAFA;
}

.search-text .upload-search-link {
    width: 2.4375rem;
    height: 2.0625rem;
    display: flex;
    align-items: center;
    border-radius: .5rem;
    background-color: #EAEAEA;
    box-shadow: 4px 6px 24px #55380910;
    justify-content: center;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
}

.search-text.active .upload-search-link {
    display: none;
}

.search-text .upload-search-btn {
    display: none;
    align-items: center;
    border-radius: .5rem;
    padding: 0 .75rem;
    height: 2.0625rem;
    border-radius: .5rem;
    background-color: #282322;
    color: #FFFFFF;
    font-size: .875rem;
    font-weight: 500;
    gap: .3125rem;
    position: absolute;
    bottom: 1rem;
    text-decoration: none;
    right: 1rem;
    z-index: 1;
}

.search-text .upload-search-btn:hover {
    background-color: #3f3b3a;
}

.search-text .upload-search-btn img {
    transform: rotate(90deg);
}

.search-text.active .upload-search-btn {
    display: flex;
}

.search-text .upload-search-link:hover {
    background-color: #d9d9d9;
}

.search-text textarea {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
    padding: 1rem;
    border: 0;
    position: relative;
    z-index: 1;
    background-color: transparent;
    border-radius: .5rem;
    width: 100%;
    height: 12.5rem;
}

.search-text textarea:focus {
    outline: 0;
}

.search-text .placeholder-text {
    display: flex;
    flex-wrap: wrap;
    gap: .3125rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding-right: 1rem;
    z-index: 3;
}

.search-text .placeholder-text span {
    font-size: 1.25rem;
    color: #91919180;
    font-weight: bold;
}

.search-text .placeholder-text .dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: .3125rem;
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
    text-decoration: none;
}

.search-text .placeholder-text .dropdown .dropdown-toggle.show img {
    transform: rotate(180deg);
}

.search-text .placeholder-text .dropdown .dropdown-toggle::after {
    display: none;
}


.search-text .placeholder-text .dropdown .dropdown-menu {
    padding: .5rem .25rem;
    min-width: 26.25rem;
    border: 1px solid #F7F7F7;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    height: 197px;
    overflow: auto;
}

.search-text .placeholder-text .dropdown .dropdown-menu a {
    padding: 4px .375rem;
    border-radius: .25rem;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 20px;
}

.search-text .placeholder-text .dropdown .dropdown-menu a:hover {
    overflow: unset;
    display: block;
    line-height: normal;
}

.search-text .placeholder-text .dropdown .dropdown-menu a:active {
    background-color: #F4F4F5;
}

.search-text .placeholder-text .dropdown .dropdown-menu a:active {
    background-color: #F4F4F5;
}


.applicant-list {
    margin-bottom: 5rem;
}


.applicant-list p {
    font-size: 1.125rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 2rem;
    text-align: center;
}

.applicant-list p span {
    font-weight: bold;
}

.applicant-details {
    width: fit-content;
    margin: 0 auto;
    border: 1px solid #D9F8F0;
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    background-color: #E3FFF7;
    border-radius: .5rem;
    gap: 1rem;
}

.applicant-details .applicant-img {
    display: flex;
    align-items: center;
}

.applicant-details .applicant-img img {
    margin-left: -1rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.applicant-details .applicant-img img:first-child {
    margin-left: 0;
}

.reviews-content {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.reviews-content .title-reviews-list {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.reviews-content .title-reviews-list h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
}

.reviews-content .title-reviews-list .review-star-list {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.reviews-content .title-reviews-list .review-star-list img {
    vertical-align: baseline;
}

.reviews-content p {
    color: #282322;
    font-size: .75rem;
    margin-bottom: 0;
    font-weight: normal;
}

.reviews-content p span {
    font-weight: 500;
}

.ready-to-interview h4 {
    margin-bottom: 2.3125rem;
    font-size: 2rem;
    color: #282322;
    font-weight: bold;
}

.ready-to-interview .ready-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.375rem;
}

.ready-to-interview .ready-list .ready-list-item {
    border: 1px solid #E3E3E5;
    border-radius: .75rem;
}

.ready-to-interview .ready-list .left-bottom-details {
    margin-bottom: 2rem;
}


.ready-to-interview .ready-list .left-bottom-details p {
    color: #01754F;
    font-size: .75rem;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ready-to-interview .ready-list .left-bottom-details {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ready-to-interview .ready-list .left-bottom-details .img-list {
    width: 8rem;
}

.ready-to-interview .ready-list .top-interview-details {
    padding: 1.25rem 1.25rem 0;
}

.ready-to-interview .ready-list .top-interview-details .course-list {
    margin-top: .5rem;
}

.ready-to-interview .ready-list .bottom-interview-details {
    padding: .75rem 1.25rem;
}

.ready-to-interview .ready-list .days-left {
    display: flex;
    align-items: center;
    height: 1.4375rem;
    padding: 0 .25rem;
    background-color: #FFEFDE;
    border-radius: .25rem;
    box-shadow: 4px 6px 24px #55380910;
}

.ready-to-interview .ready-list .days-left p {
    font-size: .75rem;
    font-weight: normal;
    color: #F0880F;
    margin-left: .1875rem;
}

.ready-to-interview .ready-list .forword-btn-list a.copy-btn {
    padding: 0rem .75rem;
}


.ready-to-interview .ready-list .top-interview-details .settings-btn {
    right: 1rem;
    top: 1rem;
}

.side-bar-offcanvas .offcanvas-header {
    justify-content: space-between;
}

.side-bar-offcanvas .offcanvas-header .right-header {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.side-bar-offcanvas .offcanvas-header .right-header a {
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
    padding: .5rem;
    border-radius: .5rem;
}

.side-bar-offcanvas .offcanvas-header .right-header a:hover {
    background-color: #F0F0F2;
}

.interview-list-wrapper .interview-header .head-logo {
    display: none;
}


.interview-list-wrapper .ai-list a {
    font-weight: normal;
}

.side-contact-content a {
    height: 2.5rem;
    font-weight: normal;
}

.side-footer .list-footer-items a {
    height: 2.5rem;
    padding: 0 .625rem;
    font-weight: normal;
}

.ai-list a {
    padding: 0 .625rem;
}

.side-contact-content a {
    padding: 0 .625rem;
}

.settings-btn .btn-group button {
    border: 0;
}

.top-interview-details .list-places .place-content {
    margin-right: .75rem;
}

.top-interview-details .list-places .sep-interview {
    margin-right: .75rem;
}


aside .sticky-aside {
    display: flex;
    align-items: start;
    position: sticky;
    position: -webkit-sticky;
    flex-direction: column;
    top: 3.5625rem;
}

.side-contact-content,
.side-footer {
    width: 100%;
}

aside .top-logo {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: #ffffff;

}

.main-dash {
    grid-template-columns: 1fr;
}

.fullWidth {
    min-width: unset;
    width: 100%;
}

.side-effect aside .user-side-content .profilestr {
    display: none;
}

.side-effect.interview-list-wrapper aside:hover .user-side-content .profilestr {
    display: grid;
}

.fullWidth {
    min-width: unset;
    width: 100%;
}

/* jan 21 */

.gridFullSize {
    grid-template-columns: 1fr;
}

.increaseHeight {
    height: 40px !important;

}


/* ------jan-24 */

.interview-list-wrapper.without-login {
    grid-template-columns: auto 1fr;
}

.without-login aside {
    min-width: 3.3125rem;
    width: 3.3125rem;
}

.without-login aside .sidebar-ai .top-logo a {
    width: 100%;
}

.without-login aside .sidebar-ai .top-logo a img {
    width: 100%;
    height: 100%;
}

.without-login aside .sticky-aside {
    padding: .75rem;
}

.without-login aside .user-side-content {
    padding: 0 0 .75rem;
}

.without-login aside .user-side-content .ai-create-btn {
    height: 1.8125rem;
    width: 1.8125rem;
}

.without-login aside .ai-list {
    padding: .75rem 0;
}

.interview-list-wrapper.without-login aside .ai-list a {
    height: 1.8125rem;
    width: 1.8125rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.interview-list-wrapper.without-login aside .side-contact-content {
    padding: .75rem 0;
}


.interview-list-wrapper.without-login aside .side-contact-content a {
    height: 1.8125rem;
    width: 1.8125rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.interview-list-wrapper.without-login aside .side-footer {
    padding: .75rem 0 !important;
}


.interview-list-wrapper.without-login aside .side-footer .list-footer-items a {
    height: 1.8125rem;
    width: 1.8125rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.search-text .placeholder-text .dropdown .dropdown-toggle span {
    color: #282322;
}

.search-text .placeholder-text .dropdown .dropdown-toggle {
    cursor: pointer;
}



.sigup-wrapper .login-left-details {
    padding: 4rem 1rem;
    position: relative;
}


.sigup-wrapper .login-left-details .login-left-content {
    max-width: 30rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}


.sigup-wrapper .login-left-details .login-left-content .signup-logo {
    margin-bottom: 2.5rem;
}

.sigup-wrapper .login-left-details .login-left-content .signup-title {
    margin-bottom: 3rem;
}

.sigup-wrapper .login-left-details .login-left-content .signup-title h5 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 500;
}

.sigup-wrapper .login-left-details .login-left-content .ai-bot-img {
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem;
}


.solution-list .solution-content .head-solution {
    display: flex;
    align-items: start;
}

.solution-list .solution-content .head-solution .solution-details {
    margin-left: .75rem;
}

.solution-list .solution-content .head-solution .solution-details h2 {
    font-size: 1rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: .75rem;
}

.solution-list .solution-content .head-solution .solution-details .details-list p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: .25rem;
}

.solution-list .solution-content {
    margin-bottom: 2.5rem;
}

.solution-list .solution-content:last-child {
    margin-bottom: 0;
}

.solution-list .solution-content .head-solution .solution-details .details-list p:last-child {
    margin-bottom: 0;
}


.aboutus-wrapper {
    padding: 2.5rem;
}


.aboutus-wrapper .aboutus-banner {
    margin-bottom: 5rem;
}

.aboutus-wrapper .aboutus-banner img {
    width: 100%;
}

.aboutus-wrapper .about-anyopneings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6875rem;
    align-items: center;
    margin-bottom: 5rem;
}

.aboutus-wrapper .about-anyopneings .about-content h3 {
    font-size: 2.25rem;
    font-weight: bold;
    color: #282322;
    margin-bottom: 1rem;
}

.aboutus-wrapper .about-anyopneings .about-content .about-content-details p {
    font-size: 1.125rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 1rem;
}

.aboutus-wrapper .about-anyopneings .about-content .about-content-details p:last-child {
    margin-bottom: 0;
}


.aboutus-wrapper .about-anyopneings .about-img {
    width: 100%;
}

.aboutus-wrapper .about-anyopneings .about-img img {
    width: 100%;
    border-radius: 1rem;
}

.aboutus-wrapper .about-story .story-content {
    margin-bottom: 2.5rem;
}

.aboutus-wrapper .about-story {
    margin-bottom: 5rem;
}

.aboutus-wrapper .about-story .story-content h3 {
    font-size: 2.25rem;
    font-weight: bold;
    color: #282322;
    margin-bottom: 1rem;
    text-align: center;
}

.aboutus-wrapper .about-story .story-content .story-details p {
    font-size: 1.125rem;
    font-weight: normal;
    color: #282322;
    margin-bottom: 1rem;
    text-align: center;
}

.aboutus-wrapper .about-story .story-content .story-details p:last-child {
    margin-bottom: 0;
}

.aboutus-wrapper .about-story .story-img img {
    width: 100%;
    border-radius: 1rem;
}

.aboutus-wrapper .about-environment h3 {
    font-size: 2.25rem;
    font-weight: bold;
    color: #282322;
    margin-bottom: 2.5rem;
    text-align: center;
}


.aboutus-wrapper .about-environment .environment-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4375rem;
}

.aboutus-wrapper .about-environment .environment-img .envi-img-list img {
    width: 100%;
    border-radius: 1rem;
}

.contact-wrapper {
    padding: 2.5rem 1rem;
}

.contact-wrapper .contact-title h3 {
    color: #282322;
    font-size: 2.25rem;
    margin-bottom: 3.5rem;
    font-weight: bold;
    text-align: center;
}

.contact-wrapper .support-tems-content {
    max-width: 53.5625rem;
    margin: 0 auto 3.5rem;
}

.contact-wrapper .support-tems-content h3 {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: 1rem;
}

.contact-wrapper .support-tems-content .support-teams-details {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 2.5rem;
    row-gap: 1rem;
}

.contact-wrapper .support-tems-content .support-teams-details .support-list {
    display: flex;
    align-items: start;
}

.contact-wrapper .support-tems-content .support-teams-details .support-list p {
    margin-left: .5rem;
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}


.contact-wrapper .contact-form {
    border: 1px solid #E3E3E5;
    border-radius: .75rem;
    padding: 2.5rem;
    max-width: 42.5rem;
    margin: 0 auto;
}


.contact-form .name-form-content {
    display: flex;
    align-items: start;
    margin-bottom: 1.25rem;
}

.contact-form .name-form-content .form-content {
    margin-right: 1.25rem;
    margin-bottom: 0;
}

.contact-form .name-form-content .form-content:last-child {
    margin-right: 0;
}

.contact-form .form-content {
    margin-bottom: 1.25rem;
}

.form-content.mb-16 {
    margin-bottom: 1rem;
}

.form-content textarea {
    height: 7rem;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    width: 100%;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    padding: .75rem;
}

.form-content textarea:focus {
    outline: 0;
    border-color: #282322;
}

.input-checkbox.contact-check .check-flex {
    margin-top: 0;
    align-items: start;
}

.input-checkbox.contact-check .check-flex label {
    min-width: 1rem;
    height: 1rem;
    margin-top: .25rem;
}

.input-checkbox.contact-check .check-flex p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.input-checkbox.contact-check .check-flex p a {
    color: #0AA4DD;
    text-decoration: none;
}

.input-checkbox.contact-check .check-flex p a:hover {
    text-decoration: underline;
}

.contact-form .submit-btn a {
    max-width: 25rem;
    width: 100%;
    margin: 0 auto;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 600;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: .3125rem;
    background-color: #282322;
}

.contact-form .submit-btn {
    margin-top: 2.5rem;
}

.contact-form .submit-btn a:hover {
    background-color: #3f3b3a;
}

.contact-wrapper .support-tems-content .support-teams-details .support-list img {
    margin-top: .25rem;
}

.upload-wrapper {
    padding: 2.5rem 1rem;
}

.upload-wrapper .max-w-chat {
    padding: 0;
}

.upload-wrapper .upload-content {
    padding-top: 0;
}


.upload-effect.mb-24 {
    margin-bottom: 1.5rem;
}


.upload-wrapper .tite-section {
    padding: .75rem 1rem;
    background-color: #F4F5F7;
    border-radius: .3125rem;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.upload-wrapper .tite-section h3 {
    font-size: 1.25rem;
    font-weight: normal;
    color: #282322;
}

.upload-wrapper .tite-section h3 span {
    font-size: 1.5rem;
    color: #282322;
    font-weight: 600;
}

.max-w-upload {
    max-width: 42.5rem;
    margin: 0 auto;
}

.candidate-w {
    font-size: 1.25rem;
    font-weight: bold;
    color: rgb(0, 0, 0);
}


/* --------jan-28---- */

.new-side aside .user-side-content {
    padding: .75rem 0;
}


.new-side aside .top-logo {
    justify-content: center;
}

.new-side aside .user-side-content .profile-img {
    margin-bottom: .5rem;
}



.new-side aside .user-side-content .user-side-details a {
    display: flex;
    align-items: center;
    gap: .3125rem;
    font-size: .875rem;
    color: #282322;
    font-weight: 600;
    text-decoration: none;
}


.new-side aside .ai-create-sep .ai-create-btn {
    gap: 0;
    height: 2.0625rem;
    font-size: .875rem;
    font-weight: 500;
    border: 1px solid #00000000;
    background-color: unset;
    background: transparent linear-gradient(98deg, #FDC830 0%, #F37335 100%);
    background-color: #282322;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: .5rem;
    color: #ffffff;
    box-shadow: 4px 6px 24px #55380910;
    text-decoration: none;
}



.new-side aside .ai-create-sep .ai-create-btn:hover {
    background: linear-gradient(358deg, #FDC830 0%, #f36c2a 100%);
}


.new-side aside .sticky-aside {
    padding: 0 .625rem;

}


.new-side aside .ai-list a {
    height: 2.0625rem;
    font-size: .875rem;
    font-weight: 500;
}

.new-side aside .ai-list a .notify {
    margin-left: .5rem;
    padding: .0313rem .25rem;
    background-color: #E03931;
    border-radius: .5rem;
    font-size: .5875rem;
    color: #FFFFFF;
    font-weight: 600;
}

.new-side aside .ai-list {
    padding: .75rem 0;
    border-bottom: 0;
}

.new-side aside .side-contact-content {
    padding: .625rem;
}


.new-side aside .side-contact-content a {
    height: 2.0625rem;
    font-size: .875rem;
    font-weight: 500;
}


.new-side aside .side-footer .collapse-btn {
    display: flex;
    align-items: center;
}

.new-side aside .side-footer .collapse-btn p {
    margin-left: .25rem;
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.new-side aside .side-footer .collapse-btn button {
    width: 2.0625rem;
    height: 2.0625rem;
    background-color: #F4F4F5;
    border-radius: .25rem;
    box-shadow: 4px 6px 24px #55380910;
}


.new-side aside .side-footer .collapse-btn button:hover {
    background-color: #e3e3e3;
}


.sticky-aside-bottom {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    margin-top: auto;
}

.new-side aside .user-side-content .user-side-details {
    margin-bottom: 0;
}


.ai-create-sep {
    padding: .625rem 0;
    border-bottom: 1px solid #E3E3E5;
    width: 100%;
}


.new-side aside .ai-create-sep .ai-create-btn span {
    margin-left: .3125rem;
}



.new-side.collapse-side aside .side-footer .collapse-btn button img {
    transform: rotate(180deg);
}

.new-side.collapse-side aside .side-footer .collapse-btn p {
    display: none;
}

.new-side.collapse-side aside .side-contact-content a {
    justify-content: center;
}

.new-side.collapse-side aside .side-contact-content a span {
    display: none;
}

.new-side.collapse-side aside .ai-list a {
    justify-content: center;
}

.new-side.collapse-side aside .ai-list a span {
    display: none;
}

.new-side.collapse-side aside .ai-create-sep .ai-create-btn span {
    display: none;
}


.new-side.collapse-side aside .user-side-content .user-side-details {
    display: none;
}



.new-side.collapse-side aside .top-logo a .side-hide-logo {
    display: block;
}


.new-side.collapse-side aside .top-logo a .side-show-logo {
    display: none;
}

.new-side.collapse-side aside {
    min-width: 3.3125rem;
    width: 3.3125rem;
}


.new-side.collapse-side aside .user-side-content .profile-img {
    width: 2.0625rem;
    height: 2.0625rem;
    margin-bottom: 0;
}

.new-side.interview-list-wrapper {
    grid-template-columns: auto 1fr;
}

.side-bar-offcanvas .offcanvas-body .side-footer {
    display: none;
}

.side-bar-offcanvas .offcanvas-body .ai-create-sep .ai-create-btn {
    gap: 0;
    height: 2.0625rem;
    font-size: .875rem;
    font-weight: 500;
    border: 1px solid #00000000;
    background-color: unset;
    background: transparent linear-gradient(98deg, #FDC830 0%, #F37335 100%);
    background-color: #282322;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: .5rem;
    color: #ffffff;
    box-shadow: 4px 6px 24px #55380910;
    text-decoration: none;
}

.side-bar-offcanvas .offcanvas-body .ai-list a {
    height: 2.0625rem;
}

.side-bar-offcanvas .offcanvas-body .side-contact-content a {
    height: 2.0625rem;
}

.side-bar-offcanvas .offcanvas-body .user-side-content .user-side-details a {
    display: flex;
    align-items: center;
    gap: .3125rem;
    font-size: .875rem;
    color: #282322;
    font-weight: 600;
    text-decoration: none;
}

.side-bar-offcanvas .offcanvas-body .user-side-content {
    padding: .75rem 0;
}

.side-bar-offcanvas .offcanvas-body .ai-list {
    padding: .75rem 0;
    border-bottom: 0;
}

.side-bar-offcanvas .offcanvas-body .side-contact-content {
    padding: .625rem 0;
    border-bottom: 0;
    margin-top: auto;
}

.side-bar-offcanvas .offcanvas-body {
    display: flex;
    flex-direction: column;
    width: 100%;
}


.signin-right-side .right-content-details .signin-title h3 {
    margin-bottom: 2.5rem;
    font-size: 2rem;
    font-weight: bold;
    color: #282322;
}

.signin-right-side {
    background-color: #FFFFFF;
}

.signin-right-side .right-content-details {
    width: 100%;
    align-items: flex-start;
    max-width: 30rem;
    justify-content: start;
    padding-top: 9rem;
    gap: 0;
}


.signin-right-side .right-content-details .signin-field input {
    display: none;
}

.signin-right-side .right-content-details .signin-field input[type="radio"]:checked+label .field-check {
    border-color: #282322;
}

.signin-right-side .right-content-details .signin-field input[type="radio"]:checked+label .field-check .field-bottom .radio-check {
    display: block;
}

.signin-right-side .right-content-details .signin-field input[type="radio"]:checked+label .field-check .field-bottom .radio-uncheck {
    display: none;
}

.signin-right-side .right-content-details .signin-field input[type="radio"]:checked+label .field-check .field-bottom {
    background-color: #FAFAFA;
}

.signin-right-side .right-content-details .signin-field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    width: 100%;
}

.signin-right-side .right-content-details .signin-field label {
    cursor: pointer;
    width: 100%;
}

.signin-right-side .right-content-details .signin-field label .field-check {
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-top {
    padding: 1rem 1rem 1.5rem;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-top .field-profile {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    margin: 0 auto .75rem;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-top .field-profile img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-top .field-desc h3 {
    text-align: center;
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: .3125rem;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-top .field-desc p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    text-align: center;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-bottom {
    padding: .5rem;
    border-top: 1px solid #E3E3E5;
    display: flex;
    justify-content: center;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-bottom .radio-check {
    display: none;
}


.right-content-details {
    width: 100%;
}


.candidate-login h2 {
    width: 100%;
}

.otp-login .otp-details p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 1rem;
    text-align: center;
}

.otp-login .button-list a.login-btn {
    margin-bottom: 1rem;
}

.otp-login {
    padding-top: 6.5rem;
    justify-content: start;
}


.border-btn {
    border: 1px solid #E3E3E5;
    color: #282322;
}

.border-btn:hover {
    background-color: #f5f5f5;
}


.otp-login .form-list .form-content input {
    text-align: center;
}



.ai-right-content .ai-header {
    z-index: 50;
}


.recommendation-wrapper {
    padding: 1rem;
}


.days-left {
    display: flex;
    align-items: center;
    height: 1.4375rem;
    padding: 0 .25rem;
    background-color: #FFEFDE;
    border-radius: .25rem;
    box-shadow: 4px 6px 24px #55380910;
}

.days-left p {
    font-size: .75rem !important;
    font-weight: normal !important;
    color: #F0880F !important;
    margin-left: .1875rem !important;
}


.bottom-interview-details {
    gap: 1rem;
}


.recommendation-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0rem;
}

.recommendation-title h2 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
}

.recommendation-title .view-field a {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .1875rem;
    background-color: #F0F0F2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .75rem;
}

.recommendation-title .view-field a:last-child {
    margin-right: 0;
}

.recommendation-title .view-field {
    display: flex;
    align-items: center;
}


.recommendation-title .view-field a.active {
    background-color: #282322;
}

.recommendation-title .view-field a.active .active-img {
    display: block;
}

.recommendation-title .view-field a.active .unactive-img {
    display: none;
}

.recommendation-title .view-field a .active-img {
    display: none;
}

.grid-view.interview-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.0625rem;
}

.grid-view.interview-content .interview-list {
    margin-bottom: 0;
}


.grid-view.interview-content .interview-list .bottom-interview-details {
    padding: .75rem 1rem;
}


.grid-view.interview-content .interview-list .bottom-interview-details .recommendation-job {
    width: 100%;
}


.grid-view.interview-content .interview-list .bottom-interview-details .recommendation-job a {
    width: 100%;
}


.grid-view.interview-content .interview-list .top-interview-details {
    padding: 1rem;
}


.grid-view.interview-content .interview-list .interview-title {
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
    justify-content: space-between;
}

.grid-view.interview-content .interview-list .interview-title .left-title {
    display: flex;
    align-items: center;
}

.grid-view.interview-content .interview-list .interview-title .left-title p {
    margin-left: .5rem;
    font-size: .75rem;
    color: #01754F;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.list-view.interview-content .interview-list .bottom-interview-details .left-bottom-details p {
    margin-left: .5rem;
}



.video-wrapper .interview-cofig.play-video-confe {
    grid-template-columns: 1fr;
}


.video-wrapper .interview-cofig .left-video-content {
    padding: 3.6875rem 1rem 1.5rem;
}


.video-wrapper .interview-cofig .left-video-content .screen-video-content {
    max-width: 57.5rem;
    width: 100%;
    margin: 0 auto;
}


.video-wrapper .interview-cofig .left-video-content .screen-video-content .img-video {
    width: 100%;
    height: 32.375rem;
}


.video-wrapper .interview-cofig .left-video-content .screen-video-content .img-video img {
    width: 100%;
}

.notify-video {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}


.notify-video .notify-details {
    width: 100%;
    max-width: 22.875rem;
    background-color: #FFFFFF;
    border-radius: .5rem;
}


.notify-video .notify-details .notify-body {
    padding: 1.5rem 2rem;
}


.notify-video .notify-details .notify-body .notify-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notify-video .notify-details .notify-body .notify-desc img {
    margin-bottom: .625rem;
    width: auto !important;
}

.notify-video .notify-details .notify-body .notify-desc h3 {
    font-size: 1rem;
    color: #282322;
    text-align: center;
    font-weight: 600;
    margin-bottom: .625rem;
}

.notify-video .notify-details .notify-body .notify-desc p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    text-align: center;
}


.notify-video .notify-details .notify-body .notify-desc {
    margin-bottom: 1.5rem;
}


.notify-video .notify-details .notify-body span {
    font-size: .625rem;
    color: #919191;
    font-weight: normal;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}


.left-video-content .screen-video-content .notify-foot a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    min-width: unset;
    margin-right: 1rem;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

.left-video-content .screen-video-content .notify-foot a:last-child {
    margin: 0;
}

.left-video-content .screen-video-content .notify-foot a.cancel-btn {
    background-color: #F0F0F2;
    color: #282322;
}

.left-video-content .screen-video-content .notify-foot a.cancel-btn:hover {
    background-color: #e5e5e7;
}

.left-video-content .screen-video-content .notify-foot a.black-btn {
    background-color: #282322;
    color: #FFFFFF;
}

.left-video-content .screen-video-content .notify-foot a.black-btn:hover {
    background-color: #413a39;
}



.left-video-content .screen-video-content .notify-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    border-top: 1px solid #F4F4F5;
}


.interview-cofig .left-video-content .screen-video-content {
    display: block;
}

.interview-cofig .left-video-content .screen-video-content .start-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 17.6875rem;
    width: 100%;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: .5rem;
    background-color: #07B817;
    height: 4.625rem;
    color: #FFFFFF;
    font-size: 1.375rem;
    font-weight: 500;
    text-decoration: none;
    margin: 0;
}

.interview-cofig .left-video-content .screen-video-content .start-btn a:hover {
    background-color: #10d922;
}

.interview-cofig .left-video-content .screen-video-content .start-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 3.6875rem;
}

.start-btn a span {
    margin-left: .5rem;
}

.iterview-start-time {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: #111213b3;
}


.iterview-start-time h1 {
    color: #FFFFFF;
    font-size: 6rem;
    font-weight: bold;
}

.iterview-start-time p {
    font-size: .9375rem;
    color: #FFFFFF;
    font-weight: 500;
}

.video-wrapper .interview-cofig.interview-start .left-video-content {
    padding: 1.5rem 1rem;
}

.acces-job .days-left {
    margin-right: 1rem;
}


.list-view.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time {
    background-color: #EBE1F4;
    border-radius: .25rem;
    padding: .1875rem .5rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
}

.list-view.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time span {
    color: #6D27B4;
    font-size: .8125rem;
    font-weight: normal;
    line-height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


.interview-content .interview-list.viewed {
    border: 0;
    background-color: #F7F8FA;
}


.question-ai {
    border-radius: 1.25rem;
    box-shadow: 4px 6px 24px #55380910;
    border: 1px solid #E3E3E5;
    background-color: #FFFFFF;
    padding: 1.25rem 1rem .8125rem;
    margin-top: 1.25rem;
    position: sticky;
    position: -webkit-sticky;
    bottom: .75rem;
}


.question-ai .question-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.question-ai .question-head .ques-title {
    display: flex;
    align-items: center;
}

.question-ai .question-head .ques-title p {
    margin-left: .4719rem;
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.question-ai .question-head a {
    color: #282322;
    font-size: .75rem;
    font-weight: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    min-width: unset;
    height: unset;
    background-color: transparent;
    margin: 0;
}


.question-ai .question-head a:hover {
    background-color: transparent;
    text-decoration: underline;
}

.question-ai .question-head a span {
    margin-right: .3125rem;
}

.question-ai .question-field {
    max-height: 4rem;
    overflow: auto;
    margin-bottom: .75rem;
}

.question-ai .question-field p {
    color: #282322;
    font-size: 1.25rem;
    font-weight: 600;
}


.question-ai .question-field::-webkit-scrollbar-thumb {
    background-color: #282322;
}


.question-ai .voice-add {
    display: flex;
    justify-content: center;
}

.question-ai .voice-add button {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0;
    background-color: #0BB718;
    display: flex;
    align-items: center;
    justify-content: center;
}

.question-ai .voice-add button:hover {
    background-color: #14c521;
}



.left-video-content .screen-video-content .img-video .record-logo {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    border: 1px solid #FFFFFF;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    height: 1.6875rem;
    z-index: 20;
}


.left-video-content .screen-video-content .img-video .record-logo .record-on {
    width: .6875rem;
    height: .6875rem;
    border-radius: 50%;
    background-color: #FF3F4B;
}


.left-video-content .screen-video-content .img-video .record-logo p {
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 600;
    margin-left: .1875rem;
}


.call-timer {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.call-timer .sep {
    width: .0625rem;
    height: .8125rem;
    background-color: #919191;
    margin: 0 .75rem;
}

.call-timer p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.call-timer .time-loading {
    display: flex;
    align-items: center;
}

.call-timer .time-loading p {
    margin-left: .3125rem;
}


.list-view .interview-list .bottom-interview-details {
    padding: .75rem 1.25rem;
}

.list-view .interview-list .top-interview-details {
    padding: 1.0625rem 1.25rem 1.5rem;
}


.ai-right-content .ai-header.responsive-head {
    display: none;
}


.settings-wrapper .agent-tab-content {
    padding: 1.5rem 1rem;
}


.settings-wrapper .nav-tabs .nav-item {
    padding: 0 1rem;
}

body .tooltip {
    opacity: 0;
}

body.tooltip-hidden .tooltip {
    opacity: 0 !important;
}


.right-link-group .btn-link-list.settings a {
    height: 2.0625rem;
    font-weight: normal;
}


.candidate-login {
    padding-top: 6.5rem;
    justify-content: start;
}


.interview-list-wrapper.without-login aside .new-side-change .side-contact-content {
    padding: .75rem;
    align-items: center;
}

.new-side-change .side-footer {
    align-items: center;
}


.new-side-change .side-footer .list-footer-items {
    align-items: center;
}


.without-login aside .ai-list {
    border-bottom: 0;
    padding-bottom: 0;
}


.interview-list-wrapper.without-login aside .new-side-change {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.interview-list-wrapper.without-login aside .new-side-change .sticky-bottom {
    margin-top: auto;
}

.interview-list-wrapper.without-login aside .new-side-change .sticky-bottom .side-contact-content {
    border-bottom: 0;
    border-top: 1px solid #E3E3E5;
}

.agent-tabs .nav-item {
    padding: 0 .75rem;
}

.agent-tabs.nav-tabs {
    border-color: #E3E3E5;
    position: sticky;
    position: -webkit-sticky;
    top: 3.4rem;
    background-color: #FFFFFF;
    z-index: 5;
    padding: 0 .75rem;
}

.agent-tabs .nav-item .nav-link {
    border: 0;
    padding: .75rem 0;
    font-size: .875rem;
    color: #272322;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.agent-tabs .nav-item .nav-link span {
    margin-left: .3125rem;
}

.agent-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #272322;
    font-weight: 500;
}

.agent-tab-content {
    padding: 1rem .75rem;
    height: 100%;
    overflow: auto;
}

.side-contact-content {
    border-block: 1px solid #E3E3E5;
}

.offcanvas-body .ai-list a img {
    margin-right: .75rem;
}


/* -----jan-29 */


.settings-info .settings-info-details {
    padding: 1.25rem 1rem;
    background-color: #F7F8FA;
    border-radius: .5rem;
    margin-bottom: 1rem;
}

.settings-info .settings-info-details:last-child {
    margin-bottom: 0;
}

.settings-info .settings-info-details .settings-add-link .settings-title h3 {
    margin-bottom: .3125rem;
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
}

.settings-info .settings-info-details .settings-add-link .settings-title p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.settings-info .settings-info-details .settings-add-link {
    position: relative;
}

.settings-info .settings-info-details .settings-add-link a {
    font-size: 1rem;
    color: #306FD3;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
}

.settings-info .settings-info-details .settings-add-link a:hover {
    text-decoration: underline;
}

.max-w-768 {
    margin-top: 1.25rem;
    max-width: 48rem;
}

.settings-form-grp {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}


.settings-form-grp .bi-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}


.settings-form-grp .form-content label {
    font-weight: normal;
}



.settings-content .upload-input-hide .uplod-intro-video {
    display: flex;
    align-items: center;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #FFFFFF;
    padding: .75rem;
    cursor: pointer;
}


.settings-content .upload-input-hide input {
    display: none;
}

.settings-content .upload-input-hide .uplod-intro-video .upload-file-img {
    width: 100%;
    max-width: 7.5rem;
    height: 4.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9FAFB;
    border-radius: .375rem;
}

.settings-content .upload-input-hide .uplod-intro-video .upload-file-content {
    margin-left: 1rem;
}

.settings-content .upload-input-hide .uplod-intro-video .upload-file-content-dupe {
    margin-left: 1rem;
}


.settings-content .upload-input-hide .uplod-intro-video .upload-file-content h4 {
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: .0625rem;
}

.settings-content .upload-input-hide .uplod-intro-video .upload-file-content-dupe h4 {
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: .0625rem;
}


.settings-content .upload-input-hide .uplod-intro-video .upload-file-content p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.settings-content .upload-input-hide .uplod-intro-video .upload-file-content-dupe p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}


.img-video {
    width: 100%;
    height: auto;
    position: relative;
}

.img-video img {
    width: 100%;
}

.img-video::after {
    /* content: ''; */
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(closest-side at 50% 50%, #0000003E 0%, #000000AF 100%);
    width: 100%;
    height: 100%;
}


.img-video .full-view-btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 1.5rem;
    right: 2.5rem;
    z-index: 4;
}

.img-video .full-view-btn a {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin-right: 1rem;
}

.img-video .full-view-btn a:hover {
    background-color: #cdcdcd;
}

.img-video .full-view-btn a:last-child {
    margin-right: 0;
}

.img-video .full-view-btn a img {
    width: auto;
}





.settings-content .upload-effect .file-left-content .file-details h3 {
    font-size: .875rem;
    margin-bottom: .1875rem;
    word-break: break-all;
}

.settings-content .upload-effect .file-left-content .file-details p {
    font-size: .625rem;
}


.settings-info-details .skill-list-add {
    margin-top: 1.25rem;
}


.settings-info-details .skill-list-add .skills-list {
    background-color: #FFFFFF;
}


.settings-info-details .skill-list-add .skill-add-field {
    height: 32px;
    border: 0;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 1rem;
    color: #272322;
    width: 100%;
    max-width: 17.5rem;
    background-color: transparent;
}

.settings-info-details .skill-list-add .skill-add-field:focus {
    outline: none;
}


.settings-info-details .experince-details .edit-work-list .work-name-list {
    background-color: #FFFFFF;
    padding: 1rem;
}


.settings-info-details .experince-details {
    height: auto;
    margin-top: 1.25rem;
}


.settings-info-details .experince-details .edit-work-list .edit-delete a {
    margin-bottom: .5625rem;
}


.settings-info-details .add-exp-btn {
    height: 2.0625rem;
    border: 1px solid #282322;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    padding: 0 .75rem;
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: fit-content;
    background-color: #FFFFFF;
    margin-top: 1rem;
    margin-left: 2.8125rem;
}


.settings-info-details .add-exp-btn:hover {
    background-color: #f5f5f5;
}


.Exp-modal .modal-dialog {
    max-width: 62.625rem;
    margin-top: 0;
    padding-top: 10rem;
}

.Exp-modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 1rem;
}

.Exp-modal .modal-dialog .modal-content .modal-header {
    border-color: #E3E3E5;
    padding: 1.5rem;
    justify-content: space-between;
}

.Exp-modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}

.Exp-modal .modal-dialog .modal-content .modal-header button {
    background-color: transparent;
}

.Exp-modal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem;
}


.Exp-modal .modal-dialog .modal-content .modal-body .form-list {
    margin-bottom: 0;
    max-width: 100%;
}


.Exp-modal .modal-dialog .modal-content .modal-footer {
    padding: 1rem 1.5rem 1.5rem;
    border-top: 0;
}

.Exp-modal .modal-dialog .modal-content .modal-footer a {
    height: 3.25rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: 1.625rem;
    font-size: 1rem;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #282322;
    text-decoration: none;
}


.Exp-modal .modal-dialog .modal-content .modal-footer a:hover {
    background-color: #3f3b3a;
}






.input-grp .switch {
    position: relative;
    display: block;
    margin-left: auto;
    width: 2.25rem;
    height: 1.25rem;
}

.input-grp .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.input-grp .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.input-grp .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.input-grp input:checked+.slider {
    background-color: #282322;
}

.input-grp input:checked+.slider:before {
    -webkit-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    transform: translateX(.9375rem);
}

.input-grp .slider.round {
    border-radius: 34px;
}

.input-grp .slider.round:before {
    border-radius: 50%;
}



.preference-list .preference-content {
    margin-bottom: 1.0625rem;
    padding: 1.25rem 1rem;
    background-color: #F7F8FA;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preference-list .preference-content:last-child {
    margin-bottom: 0;
}

.preference-list .preference-content .preference-details h3 {
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: .3125rem;
}

.preference-list .preference-content .preference-details p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}

.preference-list .preference-content .input-grp {
    margin-left: 1rem;
}


.settings-content .settings-form-grp .form-content input {
    height: 2.5rem;
}


.sticky-aside-bottom {
    background-color: #ffffff;
}


.right-link-group .btn-link-list a.logout-btn {
    border-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
}

.right-link-group .btn-link-list a.logout-btn span {
    margin-left: .3125rem;
}

.ai-right-content .ai-header.logo-none h3 .back-arrow img {
    transform: rotate(180deg);
}

/* ----------jan-22 */


.user-side-content .ai-create-btn span {
    margin-left: .5rem;
}


.side-footer .upd-btn span {
    margin-left: .5rem;
}

.side-footer .upd-btn {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    gap: 0;
}

.search-text .placeholder-text .dropdown .dropdown-toggle span {
    margin-right: .3125rem;
    color: #282322;
}

.side-footer {
    padding: .75rem .5rem !important;
}

.interview-list-wrapper .interview-header.new-header {
    display: none;
}

aside .top-logo.align-center {
    justify-content: center;
}

aside .top-logo {
    z-index: 5;
}

aside .sticky-aside .new-side-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
    padding: .75rem;
}

aside .sticky-aside .new-side-link .new-interview-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.75rem;
    border-radius: .3125rem;
    border: 1px solid #282322;
    background-color: #F4F4F5;
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: 1rem;
    text-decoration: none;
}

aside .sticky-aside .new-side-link .ai-list {
    padding: 0;
    border-bottom: 0;
}

aside .sticky-aside .new-side-link .new-interview-btn span {
    margin-left: .5rem;
}

.offcanvas-body .sticky-aside .new-side-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
    padding: .75rem;
}

.offcanvas-body .sticky-aside .new-side-link .new-interview-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.75rem;
    border-radius: .3125rem;
    border: 1px solid #282322;
    background-color: #F4F4F5;
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: 1rem;
    text-decoration: none;
}

.offcanvas-body .sticky-aside .new-side-link .ai-list {
    padding: 0;
    border-bottom: 0;
}

.offcanvas-body .sticky-aside .new-side-link .new-interview-btn span {
    margin-left: .5rem;
}



.agent-wrapper {
    display: grid;
    grid-template-columns: 25rem 1fr;
    height: 100%;
}


.top-head {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E3E3E5;
    padding: 1rem;
    justify-content: space-between;
    height: 3.6rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 5;
}

.top-head a.add-btn {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3125rem;
    background-color: #282322;
}

.top-head a.add-btn img {
    width: .9375rem;
}

.top-head a:hover {
    background-color: #3f3b3a;
}

.top-head h5 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
}

.agent-wrapper .agent-left-side {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.agent-wrapper .agent-left-side .agent-link-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 1.125rem;
}

.agent-wrapper .agent-left-side .agent-left-full-list {
    height: 100%;
    padding: .75rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}


.agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp a {
    width: 100%;
    margin-right: .75rem;
    height: 2.25rem;
    /* padding: 0 1.5rem; */
    background-color: #282322;
    border-radius: .3125rem;
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp a:hover {
    background-color: #3f3b3a;
}

.agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp a.bg-tranparent:hover {
    background-color: #e9e9e9;
}

.agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp a.bg-tranparent {
    background-color: #ffffff;
    border: 1px solid #282322;
    color: #282322;
}

.agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp a:last-child {
    margin-right: 0;
}


.agent-link-list .agent-select-grp label {
    border: 1px solid #E3E3E5;
    padding: 1rem;
    border-radius: .5rem;
    cursor: pointer;
    width: 100%;
    min-width: 15.625rem;
}

.agent-link-list .agent-select-grp {
    margin-bottom: .75rem;
    width: 100%;
}

.agent-link-list .agent-select-grp label .active-check {
    display: none;
}

.agent-link-list .agent-select-grp input:checked+label {
    background-color: #F7F8FA;
    border-color: #F7F8FA;
}



.agent-link-list .agent-select-grp input:checked+label .active-check {
    display: block;
}

.agent-link-list .agent-select-grp:last-child {
    margin-bottom: 0;
}

.agent-link-list .agent-select-grp input {
    display: none;
}

.agent-link-list .agent-select-grp label .title-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.agent-link-list .agent-select-grp label .title-check .title-content {
    display: flex;
    align-items: center;
}

.agent-link-list .agent-select-grp label .title-check .title-content img {
    margin-right: .5rem;
}

.agent-link-list .agent-select-grp label .title-check .title-content p {
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
}

.agent-link-list label p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.agent-wrapper .agent-right-side {
    border-left: 1px solid #E3E3E5;
}

.agent-wrapper .agent-right-side .right-side-wrapper .agent-list-desc {
    max-width: 30rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 5rem 1rem;
}

.agent-wrapper .agent-right-side .right-side-wrapper .agent-list-desc .logo-agent {
    margin-bottom: 2rem;
}


.agent-wrapper .agent-right-side .right-side-wrapper .agent-list-desc .agent-list-list h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 500;
    text-align: center;
    margin-bottom: .5rem;
}

.agent-wrapper .agent-right-side .right-side-wrapper .agent-list-desc .agent-list-list p {
    font-size: 1rem;
    color: #919191;
    font-weight: normal;
    text-align: center;
}



.interview-list-wrapper {
    height: 100vh;
}

.top-head.p-12 {
    padding: .75rem;
}


.top-head .head-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.top-head .head-content h6 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: .0625rem;
}

.top-head .head-content p {
    font-size: .75rem;
    color: #919191;
    font-weight: normal;
}


.top-head .save-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3125rem;
    background-color: #282322;
    padding: 0 .75rem;
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
    height: 2rem;
}

.agent-left-side .top-head .head-content {
    display: none;
}

.agent-left-side .top-head .save-btn {
    display: none;
}

.top-head .link-grp {
    display: flex;
    align-items: center;

}

.top-head .link-grp .save-btn {
    margin-right: .75rem;
}


.agent-left-full-list .agent-id-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: sticky;
    position: -webkit-sticky;
    top: 4.25rem;
}


.agent-left-full-list .agent-id-list .agent-id {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 15.625rem;
    width: 100%;
    padding: .375rem .5rem;
    border-radius: .5rem;
    cursor: pointer;
    margin-bottom: .5rem;
}

.agent-left-full-list .agent-id-list .agent-id:last-child {
    margin-bottom: 0;
}


.agent-left-full-list .agent-id-list .agent-id:hover {
    background-color: #F7F8FA;
}

.agent-left-full-list .agent-id-list .agent-id.active {
    background-color: #F7F8FA;
}

.agent-left-full-list .agent-id-list .agent-id .name-agent {
    display: flex;
    align-items: center;
}

.agent-left-full-list .agent-id-list .agent-id .name-agent .agent-profile {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: .5rem;
}

.agent-left-full-list .agent-id-list .agent-id .name-agent .agent-profile img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.agent-left-full-list .agent-id-list .agent-id .name-agent p {
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-toggle {
    padding: 0;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-toggle:hover {
    background-color: #e9eaed;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-toggle.show {
    background-color: #e9eaed;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-toggle::after {
    display: none;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-menu {
    padding: .5rem .25rem;
    border: 1px solid #F7F7F7;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    right: 0;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-menu .dropdown-item {
    font-size: .875rem;
    color: #272322;
    font-weight: normal;
}

.agent-left-full-list .agent-id-list .agent-id .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #FFFFFF;
    color: #272322;
}



.agent-tabs .nav-item {
    padding: 0 .75rem;
}

.agent-tabs.nav-tabs {
    border-color: #E3E3E5;
    position: sticky;
    position: -webkit-sticky;
    top: 3.4rem;
    background-color: #FFFFFF;
    z-index: 5;
    padding: 0 .75rem;
}

.agent-tabs .nav-item .nav-link {
    border: 0;
    padding: .75rem 0;
    font-size: .875rem;
    color: #272322;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.agent-tabs .nav-item .nav-link span {
    margin-left: .3125rem;
}

.agent-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #272322;
    font-weight: 500;
}

.agent-tab-content {
    padding: 1rem .75rem;
    height: 100%;
    overflow: auto;
}

.right-side-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.agent-wrapper .agent-right-side {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.field-list-tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.field-list-tabs .field-tabs {
    padding: .75rem;
    border-radius: .5rem;
    background-color: #F7F8FA;
    width: 100%;
    margin-bottom: 1rem;
}

.field-list-tabs .field-tabs:last-child {
    margin-bottom: 0;
}

.field-list-tabs .field-tabs .field-title {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: .75rem;
}

.field-list-tabs .field-tabs .field-title h3 {
    font-size: 1rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: 1px;
}

.field-list-tabs .field-tabs .field-title p {
    color: #919191;
    font-size: .875rem;
    font-weight: normal;
}

.add-img input {
    display: none;
}

.add-img label {
    padding: .75rem;
    border-radius: .5rem;
    border: 1px solid #E3E3E5;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.add-img label .upload-img {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
    border-radius: 50%;
    background-color: #F9FAFB;
    margin-right: 1rem;
}

.add-img label .upload-content-details h4 {
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
    margin-bottom: .0625rem;
}

.add-img label .upload-content-details p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}


.field-list-tabs .field-tabs.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    align-items: center;
}

.field-list-tabs .field-tabs.grid .field-title {
    margin-bottom: 0;
}

.field-list-tabs .field-tabs.grid .input-grp input {
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #ffffff;
    height: 2.5rem;
    width: 100%;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
}

.field-list-tabs .field-tabs.grid .input-grp input:focus {
    outline: 0;
}

.field-list-tabs .field-tabs.grid.grid-5fr {
    grid-template-columns: 1fr 0.5fr;
}

.field-list-tabs .field-tabs .input-grp textarea {
    width: 100%;
    height: 5rem;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #FFFFFF;
    padding: .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
}

.field-list-tabs .field-tabs .input-grp textarea:focus {
    outline: 0;
}

.field-list-tabs .field-tabs .tri-field .input-grp input {
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #ffffff;
    height: 2.5rem;
    width: 100%;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
}

.field-list-tabs .field-tabs .tri-field .input-grp p {
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    margin-bottom: .5rem;
}

.field-list-tabs .field-tabs .tri-field {
    display: flex;
    align-items: end;
    width: 100%;
}

.field-list-tabs .field-tabs .tri-field img {
    margin: 0 .5rem .75rem;
}

.field-list-tabs .field-tabs .tri-field .total-value {
    margin-left: .5rem;
}

.field-list-tabs .field-tabs .tri-field .total-value h3 {
    font-size: 2rem;
    line-height: 2.4375rem;
    color: #B6B6B9;
    font-weight: 500;
}

.field-list-tabs .field-tabs .tri-field .input-grp {
    width: 100%;
}

.field-list-tabs .field-tabs .tri-field .input-grp input:focus {
    outline: 0;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle {
    width: 100%;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #ffffff;
    height: 2.5rem;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle .voice-details {
    display: flex;
    align-items: center;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle .voice-details p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    margin-left: .3125rem;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle .voice-details img {
    width: 1.0625rem;
    height: 1.0625rem;
    object-fit: contain;
    border-radius: 50%;
}



.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-menu .dropdown-item .voice-details {
    display: flex;
    align-items: center;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-menu .dropdown-item .voice-details p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    margin-left: .3125rem;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-menu .dropdown-item .voice-details img {
    width: 1.0625rem;
    height: 1.0625rem;
    object-fit: contain;
    border-radius: 50%;
}


.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle .drop-arrow {
    position: absolute;
    right: .75rem;
    top: 1rem;
}


.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle span {
    color: #B6B6B9;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-toggle::after {
    display: none;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-menu {
    padding: .5rem .25rem;
    border: 1px solid #F7F7F7;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    width: 100%;
}

.field-list-tabs .field-tabs .input-grp .dropdown .dropdown-menu .dropdown-item {
    font-size: .875rem;
    font-weight: normal;
    cursor: pointer;
}

.field-list-tabs .field-tabs.grid .input-grp .switch {
    position: relative;
    display: block;
    margin-left: auto;
    width: 2.25rem;
    height: 1.25rem;
}

.field-list-tabs .field-tabs.grid .input-grp .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.field-list-tabs .field-tabs.grid .input-grp .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.field-list-tabs .field-tabs.grid .input-grp .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.field-list-tabs .field-tabs.grid .input-grp input:checked+.slider {
    background-color: #282322;
}

.field-list-tabs .field-tabs.grid .input-grp input:checked+.slider:before {
    -webkit-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    transform: translateX(.9375rem);
}

.field-list-tabs .field-tabs.grid .input-grp .slider.round {
    border-radius: 34px;
}

.field-list-tabs .field-tabs.grid .input-grp .slider.round:before {
    border-radius: 50%;
}


.field-list-tabs .field-tabs.grid .upload-file-txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: end;
}

.field-list-tabs .field-tabs.grid .upload-file-txt .upload-file {
    display: none;
}

.field-list-tabs .field-tabs.grid .upload-file-txt label {
    height: 2.5rem;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #FFFFFF;
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    cursor: pointer;
}

.field-list-tabs .field-tabs.grid .upload-file-txt p {
    color: #919191;
    font-size: .75rem;
    font-weight: normal;
    margin-top: .3125rem;
}


.field-list-tabs .field-tabs.grid .upload-file-txt label:hover {
    background-color: #f3f3f3;
}


.field-list-tabs .field-tabs .input-grp .input-range {
    width: 100%;
    position: relative;
    background-color: #E0E3E8;
    height: .375rem;
    border-radius: .1875rem;
}

.field-list-tabs .field-tabs .field-title.mb-23 {
    margin-bottom: 1.4375rem;
}

.field-list-tabs .field-tabs .input-grp {
    width: 100%;
}

.field-list-tabs .field-tabs .input-grp .input-range::after {
    width: 40%;
    height: 100%;
    background-color: #282322;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    border-radius: .1875rem;
    left: 0;
}

.field-list-tabs .field-tabs .input-grp .input-range .round-range {
    width: .75rem;
    height: .75rem;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: -4px;
    border-radius: 50%;
    left: 40%;
    cursor: grab;
    box-shadow: 0px 1px 2px #00000029;
}

/* create-agent-modal */

.create-agent-modal .modal-dialog {
    max-width: 40rem;
}

.create-agent-modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 1rem;
    height: 45rem;
    margin: 0 1rem;
}

.create-agent-modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: #E3E3E5;
}

.create-agent-modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #282322;
}

.create-agent-modal .modal-dialog .modal-content .modal-header button {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.create-agent-modal .modal-dialog .modal-content .modal-body {
    padding: 1rem 1.5rem;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .set-agent-name input {
    height: 2.3125rem;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    padding: 0 .75rem;
    font-size: .875rem;
    color: #262322;
    font-weight: normal;
    width: 100%;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .set-agent-name {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .set-agent-name p {
    font-size: .875rem;
    font-weight: 600;
    color: #282322;
    margin-bottom: .5rem;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .set-agent-name input:focus {
    outline: 0;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .agent-link-list.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .agent-link-list.grid-2 .agent-select-grp {
    margin-bottom: 0;
}

.create-agent-modal .modal-dialog .modal-content .modal-body .agent-link-list.grid-2 label p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.create-agent-modal .modal-dialog .modal-content .modal-footer {
    border-top: 0;
    padding: 1rem 1.5rem 1.5rem;
}

.create-agent-modal .modal-dialog .modal-content .modal-footer a {
    height: 3.25rem;
    border-radius: 1.625rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
}

.create-agent-modal .modal-dialog .modal-content .modal-footer a:hover {
    background-color: #3f3b3a;
}

.recruiter-btn {
    background: transparent linear-gradient(97deg, #6737BF 0%, #0AA4DD 100%) !important;
}


/* jan-30 */

.ai-right-content .ai-header.logo-none a.logo-img {
    display: none;
}

.ai-right-content .ai-header.logo-none h3 .back-arrow {
    margin-right: 1rem;
}

.ai-right-content .ai-header.logo-none h3 .back-arrow img {
    transform: rotate(180deg);
}

.interview-end-wrapper {
    padding: 7.5rem 1rem;
}


.interview-end-wrapper .end-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.interview-end-wrapper .end-content .end-logo {
    margin-bottom: 2rem;
}

.interview-end-wrapper .end-content h3 {
    font-size: 1.5rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
}


.interview-end-wrapper .end-content .end-update-list .end-content-list {
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
}

.interview-end-wrapper .end-content .end-update-list .end-content-list:last-child {
    margin-bottom: 0;
}

.interview-end-wrapper .end-content .end-update-list .end-content-list p {
    color: #282322;
    font-size: 1rem;
    font-weight: normal;
    margin-left: .3125rem;
}


.feedback-wrapper {
    padding: 1rem;
}


.feedback-content {
    display: flex;
    align-items: start;
}


.feedback-content .question-field {
    min-width: 3.75rem;
    width: 3.75rem;
    height: auto;
    padding: .625rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: .5rem;
    border: 1px solid #E3E3E5;
    position: sticky;
    position: -webkit-sticky;
    top: 4.5rem;
    background-color: #ffffff;
}

.feedback-content .question-field a {
    min-width: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #282322;
    text-decoration: none;
    font-weight: 500;
    border-radius: .5rem;
}

.feedback-content .question-field a:hover {
    background-color: #ededed;
}

.feedback-content .question-field a.active {
    color: #FFFFFF;
    background-color: #282322;
}

.right-link-group .btn-link-list .percentage-field {
    display: flex;
    align-items: center;
}

.right-link-group .btn-link-list .percentage-field .percentage-bg {
    width: 100%;
    min-width: 3.5rem;
    background-color: #E3E3E5;
    border-radius: .5rem;
    height: .75rem;
    position: relative;
}

.right-link-group .btn-link-list .percentage-field {
    margin-right: 1.5rem;
}

.right-link-group .btn-link-list .percentage-field p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    margin-left: .5rem;
}

.right-link-group .btn-link-list .percentage-field .percentage-bg::before {
    background: transparent linear-gradient(104deg, #5CBF86 0%, #31D33D 100%);
    width: var(--before-width, 0%);
    content: '';
    border-radius: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}


.right-link-group .btn-link-list .btn-black.share-btn span {
    margin-left: .3125rem;
}

.right-link-group .btn-link-list .btn-black.share-btn {
    font-weight: normal;
    margin-left: 0;
}

.feedback-content .qusetion-ans-field {
    margin-left: 1rem;
}

.feedback-content .qusetion-ans-field .question {
    padding: 1.25rem 1rem;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    margin-bottom: 1rem;
}

.feedback-content .qusetion-ans-field .question h4 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
}


.feedback-content .qusetion-ans-field .answer-field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}


.feedback-content .qusetion-ans-field .answer-field .candidate-ans {
    padding: 1.25rem;
    border-radius: .5rem;
    border: 1px solid #E3E3E5;
}

.feedback-content .qusetion-ans-field .answer-field .candidate-ans h5 {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: .625rem;
}

.feedback-content .qusetion-ans-field .answer-field .candidate-ans p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
    max-height: 9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.feedback-content .qusetion-ans-field .answer-field .candidate-ans a {
    color: #282322;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

.feedback-content .qusetion-ans-field .answer-field .candidate-ans a:hover {
    text-decoration: underline;
}

.feedback-content .qusetion-ans-field .answer-field .ai-ans {
    padding: 1.25rem;
    border-radius: .5rem;
    background-color: #EBFFF2;
}

.feedback-content .qusetion-ans-field .answer-field .ai-ans a {
    color: #1A9646;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

.feedback-content .qusetion-ans-field .answer-field .ai-ans a:hover {
    text-decoration: underline;
}


.feedback-content .qusetion-ans-field .answer-field .ai-ans h5 {
    font-size: 1rem;
    color: #1A9646;
    font-weight: 600;
    margin-bottom: .625rem;
}

.feedback-content .qusetion-ans-field .answer-field .ai-ans p {
    font-size: 1rem;
    color: #1A9646;
    font-weight: normal;
    max-height: 9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}


.feedback-content .qusetion-ans-field .answer-field .ai-ans.full-ques p {
    max-height: auto;
    display: unset;
}

.feedback-content .qusetion-ans-field .answer-field .candidate-ans.full-ques p {
    max-height: auto;
    display: unset;
}


.feedback-content .qusetion-ans-field .recorded-video .img-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(closest-side at 50% 50%, #0000003E 0%, #000000AF 100%);
    width: 100%;
    height: 100%;
    border-radius: .3125rem;
}

.feedback-content .qusetion-ans-field .recorded-video .img-video img {
    border-radius: .3125rem;
}

.feedback-content .qusetion-ans-field .recorded-video .img-video {
    margin-bottom: 2rem;
}


.result-content .percentage {
    margin-bottom: 2.125rem;
    width: 3.75rem;
    height: 3.7894rem;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-content .circle-container {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    width: 100%;
}

.circle-container .circle {
    margin: 20px;
}


.circle.percentage-100 .percentage-bar:after,
.circle.percentage-99 .percentage-bar:after,
.circle.percentage-98 .percentage-bar:after,
.circle.percentage-97 .percentage-bar:after,
.circle.percentage-96 .percentage-bar:after,
.circle.percentage-95 .percentage-bar:after,
.circle.percentage-94 .percentage-bar:after,
.circle.percentage-93 .percentage-bar:after,
.circle.percentage-92 .percentage-bar:after,
.circle.percentage-91 .percentage-bar:after,
.circle.percentage-90 .percentage-bar:after,
.circle.percentage-89 .percentage-bar:after,
.circle.percentage-88 .percentage-bar:after,
.circle.percentage-87 .percentage-bar:after,
.circle.percentage-86 .percentage-bar:after,
.circle.percentage-85 .percentage-bar:after,
.circle.percentage-84 .percentage-bar:after,
.circle.percentage-83 .percentage-bar:after,
.circle.percentage-82 .percentage-bar:after,
.circle.percentage-81 .percentage-bar:after,
.circle.percentage-80 .percentage-bar:after,
.circle.percentage-79 .percentage-bar:after,
.circle.percentage-78 .percentage-bar:after,
.circle.percentage-77 .percentage-bar:after,
.circle.percentage-76 .percentage-bar:after,
.circle.percentage-75 .percentage-bar:after,
.circle.percentage-74 .percentage-bar:after,
.circle.percentage-73 .percentage-bar:after,
.circle.percentage-72 .percentage-bar:after,
.circle.percentage-71 .percentage-bar:after,
.circle.percentage-70 .percentage-bar:after,
.circle.percentage-69 .percentage-bar:after,
.circle.percentage-68 .percentage-bar:after,
.circle.percentage-67 .percentage-bar:after,
.circle.percentage-66 .percentage-bar:after,
.circle.percentage-65 .percentage-bar:after,
.circle.percentage-64 .percentage-bar:after,
.circle.percentage-63 .percentage-bar:after,
.circle.percentage-62 .percentage-bar:after,
.circle.percentage-61 .percentage-bar:after,
.circle.percentage-60 .percentage-bar:after,
.circle.percentage-59 .percentage-bar:after,
.circle.percentage-58 .percentage-bar:after,
.circle.percentage-57 .percentage-bar:after,
.circle.percentage-56 .percentage-bar:after,
.circle.percentage-55 .percentage-bar:after,
.circle.percentage-54 .percentage-bar:after,
.circle.percentage-53 .percentage-bar:after,
.circle.percentage-52 .percentage-bar:after,
.circle.percentage-51 .percentage-bar:after {
    position: absolute;
    content: "";
    -webkit-clip-path: inset(0 0 0 50%);
    clip-path: inset(0 0 0 50%);
    transform: rotate(0deg);
    width: 60px;
    height: 60px;
    border: 6px solid #31D33D;
    background: transparent;
    border-radius: 100%;
    transition: width 0.2s ease-out, height 0.2s ease-out, border-width 0.2s ease-out;
}

.circle.percentage-100 .percentage-bar,
.circle.percentage-99 .percentage-bar,
.circle.percentage-98 .percentage-bar,
.circle.percentage-97 .percentage-bar,
.circle.percentage-96 .percentage-bar,
.circle.percentage-95 .percentage-bar,
.circle.percentage-94 .percentage-bar,
.circle.percentage-93 .percentage-bar,
.circle.percentage-92 .percentage-bar,
.circle.percentage-91 .percentage-bar,
.circle.percentage-90 .percentage-bar,
.circle.percentage-89 .percentage-bar,
.circle.percentage-88 .percentage-bar,
.circle.percentage-87 .percentage-bar,
.circle.percentage-86 .percentage-bar,
.circle.percentage-85 .percentage-bar,
.circle.percentage-84 .percentage-bar,
.circle.percentage-83 .percentage-bar,
.circle.percentage-82 .percentage-bar,
.circle.percentage-81 .percentage-bar,
.circle.percentage-80 .percentage-bar,
.circle.percentage-79 .percentage-bar,
.circle.percentage-78 .percentage-bar,
.circle.percentage-77 .percentage-bar,
.circle.percentage-76 .percentage-bar,
.circle.percentage-75 .percentage-bar,
.circle.percentage-74 .percentage-bar,
.circle.percentage-73 .percentage-bar,
.circle.percentage-72 .percentage-bar,
.circle.percentage-71 .percentage-bar,
.circle.percentage-70 .percentage-bar,
.circle.percentage-69 .percentage-bar,
.circle.percentage-68 .percentage-bar,
.circle.percentage-67 .percentage-bar,
.circle.percentage-66 .percentage-bar,
.circle.percentage-65 .percentage-bar,
.circle.percentage-64 .percentage-bar,
.circle.percentage-63 .percentage-bar,
.circle.percentage-62 .percentage-bar,
.circle.percentage-61 .percentage-bar,
.circle.percentage-60 .percentage-bar,
.circle.percentage-59 .percentage-bar,
.circle.percentage-58 .percentage-bar,
.circle.percentage-57 .percentage-bar,
.circle.percentage-56 .percentage-bar,
.circle.percentage-55 .percentage-bar,
.circle.percentage-54 .percentage-bar,
.circle.percentage-53 .percentage-bar,
.circle.percentage-52 .percentage-bar,
.circle.percentage-51 .percentage-bar {
    -webkit-clip-path: none;
    clip-path: none;
}

/* percentage circle style */
.circle {
    width: 3.75rem;
    height: 3.75rem;
    cursor: default;
    margin-bottom: 2.125rem;
}

.circle span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    vertical-align: middle;
    width: 3.75rem;
    height: 3.75rem;
    text-align: center;
    background: transparent linear-gradient(131deg, #5CBF86 0%, #31D33D 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text !important;
}

.circle:before {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 60px;
    height: 60px;
    border: 6px solid #cbcccf;
    background: transparent;
    border-radius: 100%;
    transition: width 0.2s ease-out, height 0.2s ease-out, border-width 0.2s ease-out;
}

.circle .percentage-bar {
    width: 60px;
    height: 60px;
    position: absolute;
    -webkit-clip-path: inset(0 0 0 50%);
    clip-path: inset(0 0 0 50%);
}

.circle .percentage-bar:before {
    position: absolute;
    content: "";
    -webkit-clip-path: inset(0 50% 0 0);
    clip-path: inset(0 50% 0 0);
    transform: rotate(0deg);
    width: 60px;
    height: 60px;
    border: 6px solid #31D33D;
    background: transparent;
    border-radius: 100%;
    transition: width 0.2s ease-out, height 0.2s ease-out, border-width 0.2s ease-out;
}

.circle.percentage-1 .percentage-bar:before {
    transform: rotate(3.6deg);
}

.circle.percentage-2 .percentage-bar:before {
    transform: rotate(7.2deg);
}

.circle.percentage-3 .percentage-bar:before {
    transform: rotate(10.8deg);
}

.circle.percentage-4 .percentage-bar:before {
    transform: rotate(14.4deg);
}

.circle.percentage-5 .percentage-bar:before {
    transform: rotate(18deg);
}

.circle.percentage-6 .percentage-bar:before {
    transform: rotate(21.6deg);
}

.circle.percentage-7 .percentage-bar:before {
    transform: rotate(25.2deg);
}

.circle.percentage-8 .percentage-bar:before {
    transform: rotate(28.8deg);
}

.circle.percentage-9 .percentage-bar:before {
    transform: rotate(32.4deg);
}

.circle.percentage-10 .percentage-bar:before {
    transform: rotate(36deg);
}

.circle.percentage-11 .percentage-bar:before {
    transform: rotate(39.6deg);
}

.circle.percentage-12 .percentage-bar:before {
    transform: rotate(43.2deg);
}

.circle.percentage-13 .percentage-bar:before {
    transform: rotate(46.8deg);
}

.circle.percentage-14 .percentage-bar:before {
    transform: rotate(50.4deg);
}

.circle.percentage-15 .percentage-bar:before {
    transform: rotate(54deg);
}

.circle.percentage-16 .percentage-bar:before {
    transform: rotate(57.6deg);
}

.circle.percentage-17 .percentage-bar:before {
    transform: rotate(61.2deg);
}

.circle.percentage-18 .percentage-bar:before {
    transform: rotate(64.8deg);
}

.circle.percentage-19 .percentage-bar:before {
    transform: rotate(68.4deg);
}

.circle.percentage-20 .percentage-bar:before {
    transform: rotate(72deg);
}

.circle.percentage-21 .percentage-bar:before {
    transform: rotate(75.6deg);
}

.circle.percentage-22 .percentage-bar:before {
    transform: rotate(79.2deg);
}

.circle.percentage-23 .percentage-bar:before {
    transform: rotate(82.8deg);
}

.circle.percentage-24 .percentage-bar:before {
    transform: rotate(86.4deg);
}

.circle.percentage-25 .percentage-bar:before {
    transform: rotate(90deg);
}

.circle.percentage-26 .percentage-bar:before {
    transform: rotate(93.6deg);
}

.circle.percentage-27 .percentage-bar:before {
    transform: rotate(97.2deg);
}

.circle.percentage-28 .percentage-bar:before {
    transform: rotate(100.8deg);
}

.circle.percentage-29 .percentage-bar:before {
    transform: rotate(104.4deg);
}

.circle.percentage-30 .percentage-bar:before {
    transform: rotate(108deg);
}

.circle.percentage-31 .percentage-bar:before {
    transform: rotate(111.6deg);
}

.circle.percentage-32 .percentage-bar:before {
    transform: rotate(115.2deg);
}

.circle.percentage-33 .percentage-bar:before {
    transform: rotate(118.8deg);
}

.circle.percentage-34 .percentage-bar:before {
    transform: rotate(122.4deg);
}

.circle.percentage-35 .percentage-bar:before {
    transform: rotate(126deg);
}

.circle.percentage-36 .percentage-bar:before {
    transform: rotate(129.6deg);
}

.circle.percentage-37 .percentage-bar:before {
    transform: rotate(133.2deg);
}

.circle.percentage-38 .percentage-bar:before {
    transform: rotate(136.8deg);
}

.circle.percentage-39 .percentage-bar:before {
    transform: rotate(140.4deg);
}

.circle.percentage-40 .percentage-bar:before {
    transform: rotate(144deg);
}

.circle.percentage-41 .percentage-bar:before {
    transform: rotate(147.6deg);
}

.circle.percentage-42 .percentage-bar:before {
    transform: rotate(151.2deg);
}

.circle.percentage-43 .percentage-bar:before {
    transform: rotate(154.8deg);
}

.circle.percentage-44 .percentage-bar:before {
    transform: rotate(158.4deg);
}

.circle.percentage-45 .percentage-bar:before {
    transform: rotate(162deg);
}

.circle.percentage-46 .percentage-bar:before {
    transform: rotate(165.6deg);
}

.circle.percentage-47 .percentage-bar:before {
    transform: rotate(169.2deg);
}

.circle.percentage-48 .percentage-bar:before {
    transform: rotate(172.8deg);
}

.circle.percentage-49 .percentage-bar:before {
    transform: rotate(176.4deg);
}

.circle.percentage-50 .percentage-bar:before {
    transform: rotate(180deg);
}

.circle.percentage-51 .percentage-bar:before {
    transform: rotate(183.6deg);
}

.circle.percentage-52 .percentage-bar:before {
    transform: rotate(187.2deg);
}

.circle.percentage-53 .percentage-bar:before {
    transform: rotate(190.8deg);
}

.circle.percentage-54 .percentage-bar:before {
    transform: rotate(194.4deg);
}

.circle.percentage-55 .percentage-bar:before {
    transform: rotate(198deg);
}

.circle.percentage-56 .percentage-bar:before {
    transform: rotate(201.6deg);
}

.circle.percentage-57 .percentage-bar:before {
    transform: rotate(205.2deg);
}

.circle.percentage-58 .percentage-bar:before {
    transform: rotate(208.8deg);
}

.circle.percentage-59 .percentage-bar:before {
    transform: rotate(212.4deg);
}

.circle.percentage-60 .percentage-bar:before {
    transform: rotate(216deg);
}

.circle.percentage-61 .percentage-bar:before {
    transform: rotate(219.6deg);
}

.circle.percentage-62 .percentage-bar:before {
    transform: rotate(223.2deg);
}

.circle.percentage-63 .percentage-bar:before {
    transform: rotate(226.8deg);
}

.circle.percentage-64 .percentage-bar:before {
    transform: rotate(230.4deg);
}

.circle.percentage-65 .percentage-bar:before {
    transform: rotate(234deg);
}

.circle.percentage-66 .percentage-bar:before {
    transform: rotate(237.6deg);
}

.circle.percentage-67 .percentage-bar:before {
    transform: rotate(241.2deg);
}

.circle.percentage-68 .percentage-bar:before {
    transform: rotate(244.8deg);
}

.circle.percentage-69 .percentage-bar:before {
    transform: rotate(248.4deg);
}

.circle.percentage-70 .percentage-bar:before {
    transform: rotate(252deg);
}

.circle.percentage-71 .percentage-bar:before {
    transform: rotate(255.6deg);
}

.circle.percentage-72 .percentage-bar:before {
    transform: rotate(259.2deg);
}

.circle.percentage-73 .percentage-bar:before {
    transform: rotate(262.8deg);
}

.circle.percentage-74 .percentage-bar:before {
    transform: rotate(266.4deg);
}

.circle.percentage-75 .percentage-bar:before {
    transform: rotate(270deg);
}

.circle.percentage-76 .percentage-bar:before {
    transform: rotate(273.6deg);
}

.circle.percentage-77 .percentage-bar:before {
    transform: rotate(277.2deg);
}

.circle.percentage-78 .percentage-bar:before {
    transform: rotate(280.8deg);
}

.circle.percentage-79 .percentage-bar:before {
    transform: rotate(284.4deg);
}

.circle.percentage-80 .percentage-bar:before {
    transform: rotate(288deg);
}

.circle.percentage-81 .percentage-bar:before {
    transform: rotate(291.6deg);
}

.circle.percentage-82 .percentage-bar:before {
    transform: rotate(295.2deg);
}

.circle.percentage-83 .percentage-bar:before {
    transform: rotate(298.8deg);
}

.circle.percentage-84 .percentage-bar:before {
    transform: rotate(302.4deg);
}

.circle.percentage-85 .percentage-bar:before {
    transform: rotate(306deg);
}

.circle.percentage-86 .percentage-bar:before {
    transform: rotate(309.6deg);
}

.circle.percentage-87 .percentage-bar:before {
    transform: rotate(313.2deg);
}

.circle.percentage-88 .percentage-bar:before {
    transform: rotate(316.8deg);
}

.circle.percentage-89 .percentage-bar:before {
    transform: rotate(320.4deg);
}

.circle.percentage-90 .percentage-bar:before {
    transform: rotate(324deg);
}

.circle.percentage-91 .percentage-bar:before {
    transform: rotate(327.6deg);
}

.circle.percentage-92 .percentage-bar:before {
    transform: rotate(331.2deg);
}

.circle.percentage-93 .percentage-bar:before {
    transform: rotate(334.8deg);
}

.circle.percentage-94 .percentage-bar:before {
    transform: rotate(338.4deg);
}

.circle.percentage-95 .percentage-bar:before {
    transform: rotate(342deg);
}

.circle.percentage-96 .percentage-bar:before {
    transform: rotate(345.6deg);
}

.circle.percentage-97 .percentage-bar:before {
    transform: rotate(349.2deg);
}

.circle.percentage-98 .percentage-bar:before {
    transform: rotate(352.8deg);
}

.circle.percentage-99 .percentage-bar:before {
    transform: rotate(356.4deg);
}

.circle.percentage-100 .percentage-bar:before {
    transform: rotate(360deg);
}

.result-content .percentage .percentage-value {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.result-content .percentage .percentage-value span {
    font-size: 1rem;
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: transparent linear-gradient(109deg, #5CBF86 0%, #31D33D 100%);
}

.result-content h3 {
    font-size: 1.5rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
}

.result-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.result-content .question-attended {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    row-gap: .75rem;
    padding: 1rem 1.5rem;
    background-color: #F7F8FA;
    border-radius: .75rem;
    max-width: 27.8125rem;
    margin: 0 auto 2rem;
    width: 100%;
}

.result-content .question-attended .attended-details {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .3125rem;
    align-items: baseline;
}

.result-content .question-attended .attended-details h6 {
    color: #282322;
    font-size: 1rem;
    font-weight: normal;
}

.result-content .question-attended .attended-details p {
    color: #282322;
    font-size: 1rem;
    font-weight: normal;
}

.result-content .review-btn a {
    height: 2.75rem;
    width: 100%;
    justify-content: center;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: .5rem;
    background-color: #282322;
    display: flex;
    align-items: center;
    padding: 0 2.5rem;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    margin-top: 2rem;
}

.result-content .review-btn a:hover {
    background-color: #413d3d;
}


.result-content .max-w-233 {
    max-width: 14.5625rem;
    width: 100%;
}

.result-content .review-btn a span {
    margin-left: .5rem;
}


.share-modal .modal-dialog {
    max-width: 37.5rem;
}

.share-modal .modal-dialog .modal-content {
    border-radius: 1rem;
    border: 0;
}

.share-modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #E3E3E5;
    justify-content: space-between;
}

.share-modal .modal-dialog .modal-content .modal-header h1 {
    color: #282322;
    font-size: 1.25rem;
    font-weight: 600;
}

.share-modal .modal-dialog .modal-content .modal-header button {
    border: 0;
    background-color: transparent;
}

.share-modal .modal-dialog .modal-content .modal-body {
    padding: 2.5rem;
}


.share-modal .modal-dialog .modal-content .modal-body .certified-bg {
    background-image: url("../img/certificate-background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    max-width: 32.5rem;
    height: auto;
    padding: 1.9375rem 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .certified-title {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-bottom: 1.5rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .certified-title h4 {
    font-size: .875rem;
    font-weight: bold;
    color: #282322;
    margin-bottom: .3125rem;
    font-family: "Libre Baskerville", serif;
    text-align: center;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .certified-title p {
    font-size: .625rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: .3125rem;
    letter-spacing: .0938rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .certified-title .line-bg {
    max-width: 10.5rem;
    height: .0625rem;
    width: 100%;
    background: transparent linear-gradient(90deg, #FDC830 0%, #F37335 100%);
}


.share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.25rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details .candidate-logo {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    margin-bottom: .5rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details .candidate-logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details h5 {
    font-size: 1.5rem;
    color: #E03831;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    margin-bottom: .625rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details p {
    font-size: .625rem;
    color: #282322;
    font-weight: normal;
    text-align: center;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details h3 {
    text-transform: uppercase;
    color: #282322;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    margin: .625rem 0;
}


.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .certificate-date {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .certificate-date p {
    color: #282322;
    font-size: .5rem;
    font-weight: normal;
    margin-bottom: .3125rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .certificate-date p span {
    margin-left: .1875rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .certificate-date p:last-child {
    margin-bottom: 0;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .logo-img {
    width: 4.3438rem;
    height: 1.5rem;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .logo-img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .signature {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .signature h2 {
    font-size: .625rem;
    color: #282322;
    font-weight: normal;
    padding-bottom: .3125rem;
    border-bottom: 1px solid #282322;
    margin-bottom: .3125rem;
    font-family: "Playwrite IN", serif;
}

.share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .signature p {
    text-transform: uppercase;
    color: #282322;
    font-size: .5rem;
    font-weight: normal;
    text-align: center;
}

.share-modal .modal-dialog .modal-content .modal-footer {
    border-top: 1px solid #E3E3E5;
    justify-content: center;
    padding: 1.5rem 1rem;
}

.share-modal .modal-dialog .modal-content .modal-footer .link-share {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list {
    margin-right: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list a {
    min-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0F0F2;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: 50%;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list a img:last-child {
    display: none;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list a:hover {
    background-color: #282322;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list a:hover img:last-child {
    display: block;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list a:hover img:first-child {
    display: none;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list:last-child {
    margin-right: 0;
}

.share-modal .modal-dialog .modal-content .modal-footer .share-link-list span {
    font-size: .75rem;
    color: #272322;
    font-weight: normal;
    margin-top: .5rem;
}


/* --------Feb-1 */

.dashboard-wrapper {
    padding: 2rem 2.6875rem;
}


.dashboard-wrapper .dashboard-group .dashboard-list-dream h1,
.dashboard-wrapper .dashboard-group .dashboard-list-ai h1 {
    font-family: "Nunito", serif;
    margin-bottom: 2rem;
}


.dashboard-wrapper .dashboard-group {
    margin-bottom: 3.5rem;
}


.dashboard-wrapper .dashboard-notify {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.dashboard-wrapper .dashboard-notify .notify-details {
    padding: .75rem 1rem;
    border: 1px solid #F7E6BC;
    background-color: #FDF7E7;
    border-radius: .5rem;
}


.dashboard-wrapper .dashboard-notify .notify-details p {
    font-size: .875rem;
    color: #7E5A0C;
    font-weight: 500;
    text-align: center;
}

.dashboard-wrapper .dashboard-notify .notify-details p a {
    color: #7E5A0C;
    text-decoration: underline;
}

.dashboard-wrapper .dashboard-notify .notify-details p span {
    font-weight: 600;
}


.sticky-logout-btn {
    margin-top: 2.5rem;
    display: flex;
    position: sticky;
    position: -webkit-sticky;
    bottom: 1.5rem;
    padding-left: 1rem;
}

.sticky-logout-btn a {
    height: 2.75rem;
    padding: 0 1.5rem;
    border-radius: .5rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
}

.sticky-logout-btn a span {
    margin-left: .5rem;
}


.sticky-logout-btn a:hover {
    background-color: #3f3b3a;
}


.form-content label {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.form-content label span {
    margin-left: .5rem;
    cursor: pointer;
}

.form-content label span:hover+.form-tooltip {
    display: block;
}

.form-content label .form-tooltip {
    padding: .75rem .4375rem;
    background-color: #2C2A2A;
    box-shadow: 0px 0px 6px #00000015;
    border-radius: .3125rem;
    max-width: 17.5rem;
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
}

.form-content label .form-tooltip p {
    color: #FFFFFF;
    font-weight: 500;
    font-size: .75rem;
}


.settings-form-grp .upload-input-hide .uplod-intro-video .upload-file-img {
    max-width: 4rem;
    height: 4rem;
    border-radius: 50%;
}


.settings-info .settings-info-details .settings-add-link .settings-title {
    display: flex;
    flex-direction: column;
    align-items: start;
}


/* intro-video-modal */

.intro-video-modal .modal-dialog {
    max-width: 55rem;
    padding-top: 5rem;
}


.intro-video-modal .modal-dialog .modal-content {
    border-radius: 1rem;
    border: 0;
}

.intro-video-modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    justify-content: space-between;
    border-bottom: 1px solid #E3E3E5;
}

.intro-video-modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}

.intro-video-modal .modal-dialog .modal-content .modal-header button {
    background-color: transparent;
}

.intro-video-modal .modal-dialog .modal-content .modal-body {
    padding: 2.5rem;
}


.intro-video-modal .modal-dialog .modal-content .modal-body .video-preview {
    margin-bottom: 1.5rem;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .video-preview img {
    width: 100%;
    height: auto;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .ext-video {
    padding: 0 1rem;
    border-radius: .5rem;
    background-color: #F0F0F2;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
    height: 2.25rem;
    text-decoration: none;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .ext-video:hover {
    background-color: #d9d9d9;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .ext-video span {
    margin-left: .5rem;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp {
    display: flex;
    align-items: center;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown {
    margin-right: .5rem;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown:last-child {
    margin-right: 0;
}


.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-toggle {
    background-color: #F0F0F2;
    border-radius: 1.5rem;
    height: 2.25rem;
    padding: 0 0 0 .75rem;
    display: flex;
    align-items: center;
    border: 0;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-toggle::after {
    display: none;
}


.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-toggle .round-btn {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E8E8ED;
    border-radius: 50%;
    margin-left: .75rem;
}


.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu {
    box-shadow: 4px 6px 24px #55380910;
    border: 1px solid #F5F5F5;
    border-radius: .25rem;
    padding: .5rem 0;
    min-width: 12.5rem;
    width: 12.5rem;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding: .5rem 1.5rem .5rem .5rem;
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    justify-content: end;
    position: relative;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item:active {
    background-color: transparent;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu li .dropdown-divider {
    margin: 0;
    border-color: #F5F5F5;
}


.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item img {
    margin-right: auto;
}



.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item .drop-img {
    position: absolute;
    right: .5rem;
    margin-right: unset;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item.active {
    background-color: transparent;
    color: #306FD3;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item.active .tick {
    opacity: 1;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu .dropdown-item .tick {
    opacity: 0;
}

.intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .dropdown-grp .dropdown .dropdown-menu li:last-child .dropdown-item {
    margin-bottom: 0;
}


.video-wrapper .interview-cofig.interview-start .left-video-content {
    justify-content: center;
}


.question-ai {
    margin-top: 4.9375rem;
}


.video-wrapper .interview-cofig.interview-start .left-video-content .screen-video-content .img-video {
    height: auto;
}


.interview-content.job-list .interview-list {
    border-radius: 0;
    margin-bottom: .1875rem;
}


.agent-tab-content.p-alter {
    padding: .75rem 1rem;
}


.filter-details .search-field input {
    height: 2rem;
    max-width: 17.5rem;
}

.filter-details .search-field {
    max-width: 17.5rem;
}

.filter-details {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: .75rem;
}

.filter-details .dropdown {
    margin-left: .75rem;
}


.filter-details .dropdown button:active {
    background-color: transparent;
    color: #282322;
}

.filter-details .dropdown button {
    height: 2rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
    display: flex;
    align-items: center;
    border: 1px solid #282322;
    background-color: transparent;
}

.filter-details .dropdown button::after {
    display: none;
}

.filter-details .dropdown button span {
    margin-left: .5rem;
}

.filter-details .dropdown .dropdown-menu {
    min-width: 19.5rem;
    border: 1px solid #FAFAFA;
    border-radius: .25rem;
    box-shadow: 0px 2px 4px #1832471F;
    padding: 1rem;
    z-index: 2;
}

.filter-details .dropdown .dropdown-menu .form-content label {
    font-size: .75rem;
    margin-bottom: .3125rem;
    font-weight: normal;
}

.filter-details .dropdown .dropdown-menu .form-list-grp {
    display: grid;
    gap: 1rem;
}

.filter-details .dropdown .dropdown-menu .form-content input {
    height: 2.0625rem;
}


.filter-details .dropdown .dropdown-menu .select-date {
    gap: .5rem;
}


.filter-details .dropdown .dropdown-menu .select-date .dropdown {
    margin-left: 0;
    width: 100%;
}


.filter-details .dropdown .dropdown-menu .select-date .dropdown .dropdown-toggle {
    height: 2.0625rem;
}

.filter-details .dropdown .dropdown-menu .select-date.grid-1 {
    grid-template-columns: 1fr;
}


.filter-details .dropdown .dropdown-menu .apply-btn {
    padding-top: 1rem;
    background-color: #FFFFFF;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    display: flex;
    justify-content: end;
}

.filter-details .dropdown .dropdown-menu .apply-btn a {
    height: 2rem;
    font-size: .875rem;
    font-weight: normal;
    color: #FFFFFF;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    text-decoration: none;
}


.aboutus-wrapper .about-anyopneings {
    gap: 1rem;
}


.aboutus-wrapper .about-anyopneings .about-content h3 {
    font-size: 1.5rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: 1.25rem;
}


.aboutus-wrapper .about-anyopneings .about-content .about-content-details p {
    margin-bottom: 1.25rem;
}


.aboutus-wrapper .about-second-field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 5rem;
}


.aboutus-wrapper .about-second-field .about-field-content {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem;
    border: 1px solid #E3E3E5;
    box-shadow: 4px 6px 24px #5538090B;
    border-radius: 1rem;
}

.aboutus-wrapper .about-second-field .about-field-content .about-round-img {
    margin-right: 1.5rem;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    background-color: #F0F0F2;
    border-radius: 50%;
}


.second-field-details h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #262322;
    margin-bottom: .5rem;
}

.second-field-details p {
    font-size: 1.125rem;
    color: #282322;
    font-weight: normal;
}


.about-us-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 58.75rem;
    width: 100%;
    margin: 0 auto;
}

.about-us-bottom p {
    color: #282322;
    font-size: 1.125rem;
    font-weight: normal;
    margin-bottom: 3.5rem;
    text-align: center;
}


.about-us-bottom .bottom-max-w {
    width: 100%;
    max-width: 13.625rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.about-us-bottom .bottom-max-w .img-load {
    width: 100%;
    height: 5rem;
    background-color: #F0F0F2;
    margin-bottom: 1.25rem;
}

.about-us-bottom .bottom-max-w h3 {
    font-size: 1.125rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: .3125rem;
}

.about-us-bottom .bottom-max-w span {
    font-weight: 500;
    font-size: 1.125rem;
    color: #282322;
    text-align: center;
}


.aboutus-wrapper {
    padding: 2.5rem 2.1875rem !important;
}



.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time {
    background-color: #EBE1F4;
    border-radius: .25rem;
    padding: .1875rem .5rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
}

.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time span {
    color: #6D27B4;
    font-size: .8125rem;
    font-weight: normal;
    line-height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


.form-content .ig-row {
    position: relative;
}

.form-content .ig-row a {
    position: absolute;
    right: .5rem;
    top: .5625rem;
    display: flex;
}

.interview-content.job-list {
    position: relative;
}

.interview-content.job-list.drop-active::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffffcc;
}

.skip-btn-grp {
    display: flex;
    align-items: center;
}

.question-ai .question-head .skip-btn-grp a.exit-btn {
    padding: 0 0.5rem;
    border-radius: .5rem;
    /* background-color: #F0F0F2; */
    display: flex;
    align-items: center;
    font-size: .75rem;
    font-weight: normal;
    color: #282322;
    height: 1.5rem;
    text-decoration: none;
}

.setDisplay {
    display: flex !important;
    font-size: 16px !important;
}

.companyFileUpload {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
}

.setAlignProp {
    align-items: end;
}

.mb-20 {
    margin-bottom: 20px;
}

/* feb-6 */

.dashboard-title {
    margin-bottom: 2rem;
}

.dashboard-title h1 {
    color: #282322;
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
}


.dashboard-title h1 span {
    background: transparent linear-gradient(97deg, #FDC830 0%, #F37335 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.search-text textarea {
    height: 15rem;
}

.search-text {
    height: 15rem;
}

.textarea-inner-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .625rem;
    position: absolute;
    padding: 0 .75rem;
    left: 0;
    bottom: .75rem;
    z-index: 2;
}


.textarea-inner-content .inner-details {
    padding: .5rem;
    background-color: #F0F0F2;
    border-radius: .5rem;
    cursor: pointer;
}

.textarea-inner-content .inner-details h4 {
    font-size: .875rem;
    margin-bottom: .3125rem;
    font-weight: normal;
}

.textarea-inner-content .inner-details p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}


.landing-page .search-text.active .textarea-inner-content {
    display: none;
}


.landing-page .search-text .upload-search-link {
    display: none;
}


.landing-page .search-text.active .upload-search-link {
    display: flex;
}


.new-side aside .ai-create-sep .recuriter-create-btn:hover {
    background: transparent linear-gradient(270deg, #6737BF 0%, #0AA4DD 100%);
}

.new-side aside .ai-create-sep .recuriter-create-btn {
    background: transparent linear-gradient(96deg, #6737BF 0%, #0AA4DD 100%);
}

.recuriter-create-btn {
    background: transparent linear-gradient(96deg, #6737BF 0%, #0AA4DD 100%);
    position: relative;
}

.tooltip-width .tooltip-text {
    width: 190px;
    white-space: normal;
    right: -35px;


}

.tooltip-text {

    position: absolute;
    bottom: calc(100% + 0.15rem);
    right: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 0.315rem;
    background: #000000;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    display: none;
    white-space: nowrap;


}

.tooltip-btn {
    position: relative;

}

.tooltip-btn:hover .tooltip-text {
    display: flex;
}


.recuriter-openings-wrapper {
    padding: .875rem 1rem;
}


.recuriter-openings-wrapper .top-interview-details {
    padding: 0;
}


.recuriter-openings-wrapper .interview-content .interview-list {
    border: 0;
    border-bottom: 1px solid #E3E3E5 !important;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
}

.recuriter-openings-wrapper .interview-content .interview-list:last-child {
    border: 0;
    border-bottom: 0 !important;
    padding-bottom: 0;
    margin-bottom: 0rem;
}

.recuriter-openings-wrapper .bottom-interview-details {
    padding: 0;
    border-top: 0;
}

.collapse-input input {
    width: 100%;
    max-width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: .5625rem;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    transition: max-width linear .5s;
}

.collapse-input {
    position: relative;
}

.collapse-input button {
    width: 2rem;
    min-width: 2rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;

}

.collapse-input.collapsed input {
    max-width: 15rem;
    min-width: 15rem;
    padding-left: 2.5rem;
    transition: max-width linear .5s;
}

.collapse-input.collapsed button {
    width: auto;
    left: .5625rem;
}

.collapse-input input:focus {
    outline: none;
}


.recuriter-openings-wrapper .top-interview-details .settings-btn {
    top: 0;
    right: 0;
}


.recuriter-openings-wrapper .openings-head-content {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: .3125rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title p {
    font-size: .875rem;
    color: #292322;
    font-weight: normal;
}


.recuriter-openings-wrapper .forword-btn-list {
    margin-left: auto;
}


.right-openings-side {
    display: flex;
    align-items: center;
    justify-content: end;
}

.right-openings-side a {
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
}

.right-openings-side a span {
    margin-left: .5rem;
}


.right-openings-side a.filter-btn {
    color: #282322;
    font-weight: normal;
    border: 1px solid #282322;
    margin-inline: .75rem;
}

.right-openings-side a.filter-btn:hover {
    background-color: #F0F0F2;
}

.right-openings-side a.create-btn {
    color: #FFFFFF;
    background-color: #282322;
    white-space: nowrap;
}

.right-openings-side a.create-btn:hover {
    background-color: #474140;
}

.right-openings-side a.create-btn span {
    margin-left: .1875rem;
}


.side-bar-offcanvas .offcanvas-body .ai-create-sep .ai-create-btn.recuriter-create-btn:hover {
    background: transparent linear-gradient(270deg, #6737BF 0%, #0AA4DD 100%);
}

.side-bar-offcanvas .offcanvas-body .ai-create-sep .ai-create-btn.recuriter-create-btn {
    background: transparent linear-gradient(96deg, #6737BF 0%, #0AA4DD 100%);
}


.left-bottom-details .apply-invited-list {
    display: flex;
    align-items: center;
    padding: .25rem .5rem;
    background-color: #F2F3FA;
    border-radius: .25rem;
    margin-left: .75rem;
}

.left-bottom-details .apply-invited-list h3 {
    color: #282322;
    font-size: .8125rem;
    font-weight: normal;
    margin-right: .75rem;
}

.left-bottom-details .apply-invited-list h3:last-child {
    margin-right: 0;
}

.left-bottom-details .apply-invited-list span {
    font-weight: 600;
}

.top-interview-details .interview-desc a {
    text-decoration: none;
}

.top-interview-details .interview-desc a:hover h3 {
    text-decoration: underline;
}

.top-interview-details .interview-desc {
    display: flex;
}

.side-bar-offcanvas .offcanvas-body .ai-list a .notify {
    margin-left: .5rem;
    padding: .0313rem .25rem;
    background-color: #E03931;
    border-radius: .5rem;
    font-size: .5875rem;
    color: #FFFFFF;
    font-weight: 600;
}


.right-openings-side .right-list-btn a img {
    margin: 0;
}


.add-candidate-wrapper {
    padding: 0;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content {
    padding: 1rem 1rem 0;
    margin-bottom: 1rem;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title h3 {
    display: flex;
    align-items: center;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title h3 img {
    margin-right: .3125rem;
    vertical-align: baseline;
}


.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title p {
    font-size: .75rem;
    color: #919191;
    font-weight: normal;
}


.add-candidate-wrapper .top-interview-details .list-places .place-content {
    margin-right: .5rem;
}


.add-candidate-wrapper .send-tabs {
    padding: 0;
    border: 0;
}


.add-candidate-wrapper .send-tabs li {
    padding: 0 .75rem;
}


.add-candidate-wrapper .send-tabs .nav-item button {
    font-size: .75rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
}


.add-candidate-details {
    max-width: 50%;
    width: 100%;
    margin-bottom: 1.5rem;
}

.add-candidate-details p {
    font-size: .875rem;
    color: #292322;
    font-weight: normal;
}

.add-candidate-wrapper .job-details-tabs {
    padding: .75rem 1rem .75rem .75rem;
}


.add-candidate-wrapper .right-openings-side {
    margin-left: .75rem;
}


.add-candidate-wrapper .full-recuriter-candiadte-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 10;
}


.right-openings-side a.create-btn.font-normal {
    font-weight: normal;
}

.candidate-tbl .table {
    min-width: unset;
}


.right-copy-link-header {
    align-items: center;
}


.copy-link-btn {
    display: flex;
}

.copy-link-btn a {
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
    background-color: #F0F0F2;
}

.copy-link-btn a span {
    margin-left: .5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.add-candidate-wrapper .candidate-tbl .table thead tr th {
    background-color: #F7FAFC;
    border: 0;
}

.add-candidate-wrapper .candidate-tbl .table tbody tr td .play-record.yet-start .video-play-btn {
    background-color: #F0F0F2;
}


.add-candidate-wrapper .candidate-tbl .table tbody tr td .play-record .video-play-btn {
    background-color: #282322;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-candidate-wrapper .candidate-tbl .table tbody tr td .play-record .video-play-btn img {
    width: .75rem;
}

.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .report-btn {
    height: 2rem;
    align-items: center;
    display: flex;
    padding: 0 1.5rem;
    border: 1px solid #F0F0F2;
    border-radius: .5rem;
    text-decoration: none;
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
    background-color: #ffffff;
    margin-bottom: .3125rem;
}

.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .report-btn span {
    margin-left: .3125rem;
}


.add-candidate-wrapper .top-interview-details .list-places .place-content img {
    width: .8125rem;
}


.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .progress-list .progress-bar::after {
    background: transparent linear-gradient(105deg, #000000 0%, #1C211C 100%);
}


.font-Nunito {
    font-family: "Nunito", serif;
}

.w-33 {
    width: 2.0625rem !important;
    height: 2.0625rem !important;
}


.without-login aside .sticky-aside.px-10 {
    padding: 1.5rem .625rem .75rem;
}



.search-text .placeholder-text span.text-base {
    font-size: 1rem;
}

.search-text textarea.text-base {
    font-size: 1rem;
}


.dashboard-wrapper .dashboard-group.mb-64 {
    margin-bottom: 64px;
}


.dashboard-wrapper .dashboard-group.landing-page {
    gap: 2.5rem;
}

.dashboard-wrapper.px-40 {
    padding-inline: 2.6875rem 2.5rem;
}


.h-32 {
    height: 2rem;
}

.mb-3px {
    margin-bottom: .1875rem;
}

.top-interview-details .interview-desc.description-interview {
    margin-bottom: 1rem;
}



.search-text textarea,
.settings-company__details__textarea textarea {
    resize: none;
}




.top-interview-details .interview-desc .company-named {
    display: flex;
    align-items: center;
    padding: .1875rem .3125rem;
    background-color: #F4F4F5;
    border-radius: .125rem;
    margin-left: .375rem;
}

.top-interview-details .interview-desc .company-named p {
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
    margin-left: .3125rem;
}

.b-redius-0 {
    border-radius: 0 !important;
}

.grid-height {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.form-url.grid-2 .col3 {
    grid-column: span 2;

}

.form-url.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}


/* -------feb-7 */

.new-side aside .ai-list.py-16 {
    padding: .75rem 0 1rem;
}

.new-side aside .ai-list.py-16:last-child {
    padding: 0;
}

.new-side aside .ai-list h5 {
    text-transform: uppercase;
    color: #919191;
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .75rem;
    padding-left: .5rem;
}


.new-side aside .ai-list h5.mb-8 {
    margin-bottom: .5rem;
}


.new-side.collapse-side aside .ai-list h5 {
    display: none;
}


.offcanvas-body .ai-list.py-16 {
    padding: .75rem 0 1rem;
}


.offcanvas-body .ai-list.py-16:last-child {
    padding: 0;
}

.offcanvas-body .ai-list h5 {
    text-transform: uppercase;
    color: #919191;
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .75rem;
    padding-left: .5rem;
}


.offcanvas-body .ai-list h5.mb-8 {
    margin-bottom: .5rem;
}


.side-bar-offcanvas .offcanvas-body .ai-create-sep .ai-create-btn span {
    margin-left: .3125rem;
}

/* ------feb-10 */

.px-80 {
    padding: 0 5rem;
}

.candidate-no-sidebar .add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content {
    margin-bottom: 0;
    padding-bottom: 1rem;
    padding-inline: 0;
    background-color: #FFFFFF;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title h3 span {
    font-size: .75rem;
    color: #292322;
    font-weight: normal;
    margin-left: .1875rem;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title h3.items-end {
    align-items: end;
}

.interview-link-wrapper .interview-link-field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    height: calc(100vh - 6rem);
    padding: 2.5rem 1rem;
}

.interview-link-wrapper .interview-link-field .left-link-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #E3E3E5;
    border-radius: .75rem;
    padding: 2rem 2.5rem;
}

.interview-link-wrapper .interview-link-field .right-link-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #E3E3E5;
    border-radius: .75rem;
    padding: 2rem 2.5rem;
}


.interview-link-wrapper .interview-link-field .left-link-content .inner-link-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.interview-link-wrapper .interview-link-field .left-link-content .inner-link-content .mb-24 {
    margin-bottom: 1.5rem;
}

.interview-link-wrapper .interview-link-field .left-link-content .inner-link-content h4 {
    font-size: 1.125rem;
    color: #282322;
    font-weight: bold;
    text-align: center;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content {
    align-items: start;
    display: flex;
    flex-direction: column;
    width: 100%;
}


.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content h5 {
    font-size: 1.125rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: 1rem;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content p {
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    margin-bottom: 2rem;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .supported-browser {
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}


.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .supported-browser p {
    margin-bottom: 0;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .supported-browser .browser-list {
    display: flex;
    align-items: center;
    margin-left: .625rem;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .supported-browser .browser-list img {
    margin-right: .5rem;
    width: 1.5625rem;
    height: 1.5625rem;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .supported-browser .browser-list img:last-child {
    margin-right: 0;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content h6 {
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    margin-bottom: 1rem;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content h6 a {
    text-decoration: underline;
    color: #282322;
}

.input-checkbox.contact-check .check-flex span {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}


.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .input-checkbox.contact-check .check-flex label {
    margin-top: .1875rem;
}

.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .proceed-btn-link {
    height: 2.75rem;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.5rem;
    border-radius: .5rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
    margin-top: 2rem;
}


.interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .proceed-btn-link:hover {
    background-color: #4b4645;
}


.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title.company-with-logo h3 span {
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
    margin-left: .3125rem;
    display: flex;
    align-items: center;
    padding: .1875rem .3125rem;
    background-color: #F4F4F5;
    border-radius: .125rem;
    margin-left: .625rem;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title.company-with-logo h3 span img {
    margin-right: .375rem;
}


.bg-grey {
    background-color: #F4F5F7;
}


.interview-link-wrapper .guide-lines-field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    height: calc(100vh - 5rem);
    padding: 2.5rem 1rem;
}


.interview-link-wrapper .guide-lines-field .left-guide-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.interview-link-wrapper .guide-lines-field .right-guide-content {
    background-color: #FFFFFF;
    padding: 2.5rem;
}

.interview-link-wrapper .guide-lines-field .right-guide-content h5 {
    font-size: 1.125rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: 1rem;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list {
    margin-bottom: 3rem;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list .guide-line-items {
    margin-bottom: .75rem;
    display: flex;
    align-items: start;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list .guide-line-items span {
    margin-right: .75rem;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list .guide-line-items p {
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list .guide-line-items:last-child {
    margin-bottom: 0;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content.grid-col-1 {
    grid-template-columns: 1fr;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field .notify-field-list {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #D9F8F0;
    background-color: #E3FFF7;
    border-radius: .5rem;
    display: flex;
    align-items: start;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field {
    margin-bottom: 2rem;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field .notify-field-list:last-child {
    margin-bottom: 0;
}

.interview-link-wrapper .guide-lines-field .right-guide-content {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field .notify-field-list p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    margin-left: .5rem;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .join-now-btn a {
    height: 2.75rem;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.5rem;
    border-radius: .5rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

.interview-link-wrapper .guide-lines-field .right-guide-content .join-now-btn a:hover {
    background-color: #4b4645;
}


.h-res {
    height: calc(100vh - 5rem);
}


.meeting-interview-wrapper {
    padding: .75rem 1rem;
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    grid-template-columns: repeat(2, calc(50% - 1.25rem));
    gap: 2.5rem;
    height: calc(100vh - 18.913rem);
    position: relative;
}


.meeting-interview-wrapper .ai-content-interview {
    position: relative;
    background-color: #ffffff;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;

}

.meeting-interview-wrapper .ai-content-interview>div {
    display: flex;
    align-items: center;
}

.meeting-interview-wrapper .ai-content-interview>div:first-of-type {
    flex-grow: 1;
}


.meeting-interview-wrapper .candidate-content-interview {
    position: relative;
    background-color: #ffffff;
}


.meeting-interview-wrapper .candidate-content-interview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.meeting-interview-wrapper .candidate-content-interview .label-voice-content {
    position: absolute;
    display: flex;
    left: 0;
    bottom: 0.75rem;
    width: 100%;
    justify-content: space-between;
    padding: 0 0.75rem;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .name-lable {
    padding: 1rem;
    background-color: #0B0B0BF2;
    border-radius: .1875rem;
    display: flex;
    align-items: center;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .name-lable p {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.75rem;
}


.meeting-interview-wrapper .ai-content-interview .name-lable {
    /* position: absolute; */
    padding: 1rem;
    background-color: #0B0B0BF2;
    border-radius: .1875rem;
    left: 0.75rem;
    bottom: 0.75rem;
    display: flex;
    align-items: center;

}

.meeting-interview-wrapper .ai-content-interview .name-lable p {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.75rem;
}


.meeting-interview-wrapper .ai-content-interview .ai-content-wave {
    max-width: 28.75rem;
    height: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-size: 100% 100%;
    margin: 0 auto;
    /* background-image: url(/public/anyopenings/img/wave-patter.svg); */
    background-repeat: no-repeat;
}


.meeting-interview-wrapper .ai-content-interview .ai-content-wave .ai-logo-content {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    background-color: #F4F5F7;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.meeting-interview-wrapper .ai-content-interview .ai-content-wave .ai-logo-content p {
    font-size: 2.5rem;
    color: #171717;
    font-weight: 600;
}



.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control {
    padding: 0.5rem;
    background-color: #0B0B0BF2;
    border-radius: .1875rem;
    display: flex;
    align-items: center;
    height: 2rem;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .mic-logo {
    margin-right: .625rem;
}



/* voice-animation */

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer {
    display: flex;
    height: 1rem;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box {
    transform: scaleY(.4);
    height: 100%;
    width: .0625rem;
    background: #1DCEE5;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    border-radius: 8px;
    margin-right: .125rem;
}


.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer.active .box {
    animation-iteration-count: infinite;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box:last-child {
    margin-right: 0;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box1 {
    animation-name: quiet;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box2 {
    animation-name: normal;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box3 {
    animation-name: quiet;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box4 {
    animation-name: loud;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .boxContainer .box5 {
    animation-name: quiet;
}


@keyframes quiet {
    25% {
        transform: scaleY(.6);
    }

    50% {
        transform: scaleY(.4);
    }

    75% {
        transform: scaleY(.8);
    }
}

@keyframes normal {
    25% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(.4);
    }

    75% {
        transform: scaleY(.6);
    }
}

@keyframes loud {
    25% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(.4);
    }

    75% {
        transform: scaleY(1.2);
    }
}

.question-section {
    padding: 1.5rem 1rem;
}

.question-section .subtitle-section {
    background-color: #0B0B0BD8;
    border-radius: .1875rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.3125rem;
}


.question-section .subtitle-section p {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
}

.question-section .subtitle-section span {
    color: #1CCEE5;
}


.question-section .video-tools {
    padding: .75rem 1.75rem;
    background-color: #F4F5F7;
    display: flex;
    align-items: center;
    position: sticky;
    position: -webkit-sticky;
    bottom: .75rem;
}


.question-section .video-tools .recording-time {
    display: flex;
    align-items: center;
}

.question-section .video-tools .recording-time .recording {
    display: flex;
    align-items: center;
}

.question-section .video-tools .recording-time .recording span {
    margin-right: .1875rem;
}

.question-section .video-tools .recording-time .recording p {
    font-size: .875rem;
    color: #919191;
    font-weight: normal;
}


.question-section .video-tools .recording-time .call-timer {
    margin-bottom: 0;
    margin-left: 3.125rem;
}


.question-section .video-tools .tools-list {
    display: flex;
    align-items: center;
    width: calc(100% - 33rem);
    justify-content: center;
}


.question-section .video-tools .tools-list .caption-btn {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: .25rem;
}

.question-section .video-tools .tools-list .caption-btn:hover {
    background-color: #ededed;
}

.question-section .video-tools .tools-list .caption-btn.active {
    border: 1px solid #292322;
}


.question-section .video-tools .tools-list .drop-link {
    height: 2.25rem;
    display: flex;
    align-items: center;
    border: 1px solid #E8E8EC;
    border-radius: .25rem;
    margin-left: 1rem;
}

.question-section .video-tools .tools-list .drop-link .arrow-btn {
    height: 100%;
    width: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.question-section .video-tools .tools-list .drop-link .mic-btn {
    width: 2.25rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    background-color: #F5F5FA;
}


.question-section .video-tools .tools-list .end-call-btn {
    background-color: #EC4039;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    margin-left: 1rem;
}

.question-section .video-tools .tools-list .end-call-btn:hover {
    background-color: #c13731;
}


.interview-link-wrapper {
    display: flex;
    flex-direction: column;
}

.time-left {
    display: flex;
    align-items: center;
    height: 1.4375rem;
    padding: 1rem .25rem;
    background-color: #FFEFDE;
    border-radius: .25rem;
    box-shadow: 4px 6px 24px #55380910;
    margin-right: 13px;
}

.time-left p {
    font-size: .75rem !important;
    font-weight: normal !important;
    color: #F0880F !important;
    margin-left: .1875rem !important;
}

.expired-time {
    background-color: #FFEFDE;
    border-radius: .25rem;
    padding: .1875rem .5rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
    margin-left: 13px;
}

.expired-time span {
    color: #F0880F;
    font-size: .8125rem;
    font-weight: normal;
    line-height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.upload-content {
    position: relative;
}

.upload-content .hide-input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* feb-12 */

.new-side aside .top-logo.justify-between {
    justify-content: space-between;
}


.collapse-side.new-side aside .top-logo button {
    display: none;
}


.collapse-side.new-side aside .top-logo:hover a {
    display: none;
}

.collapse-side.new-side aside .top-logo:hover button {
    display: flex;
}


.collapse-side.new-side aside .top-logo button img {
    transform: rotate(0deg);
}


.new-side aside .ai-list.py-16 {
    padding: .75rem 0;
}


.new-side aside .sidebar-res {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.new-side aside .ai-list.py-16:last-child {
    padding-bottom: .75rem;
}



.user-side-content .user-side-details p {
    margin-bottom: 0;
}

.new-side aside .ai-create-sep .ai-create-btn {
    border: 0;
}

.description-interview p {
    font-size: 1rem;
}



.recommendation-wrapper.recommendation-wrapper {
    padding: 1rem;
}



.recuriter-openings-wrapper .list-view .interview-list .top-interview-details {
    padding: 0;
}



.recuriter-openings-wrapper .list-view .interview-list .bottom-interview-details {
    padding: 0;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list {
    border: 1px solid #E3E3E5;
}

.grid-view.interview-content .interview-list .bottom-interview-details {
    border-top: 1px solid #E3E3E5;
    padding-bottom: 0;
}

.user-side-content .profile-without-img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    margin-bottom: .5rem;
}

.candidate-profile .profile-without-img {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    margin-bottom: .5rem;
    margin-right: 12px;
}

.user-side-content .profile-without-img p {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.candidate-profile .profile-without-img p {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.new-side.collapse-side aside .user-side-content .profile-without-img {
    width: 2.0625rem;
    height: 2.0625rem;
    margin-bottom: 0;
}

.new-side.collapse-side aside .user-side-content .profile-without-img p {
    font-size: 16px;
}

.desc-list-item h6 {
    margin-bottom: .75rem;
    font-size: .75rem;
    color: #000000;
    font-weight: 600;
}


.desc-list-item {
    margin-top: 2.5rem;
}

.desc-list-item .items-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .625rem;
    row-gap: 0;
}

.desc-list-item .items-list a {
    padding: .375rem .5rem;
    color: #282322;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: .3125rem;
    gap: .125rem;
    display: flex;
    align-items: center;
}

.desc-list-item .items-list a .inner-list-items {
    gap: .125rem;
    display: flex;
    align-items: start;
}

.desc-list-item .items-list a:hover {
    background-color: #F4F4F5;
}

.desc-list-item .items-list a span {
    color: #FFFFFF;
    font-size: .6875rem;
    font-weight: normal;
    padding: .0313rem .25rem;
    background-color: #E03931;
    border-radius: .5rem;
    margin-left: .875rem;
}

.invalid-txt {
    font-size: .875rem;
    font-weight: normal;
}

.img-video video {
    width: 100%;
}

.settings-form-grp form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

.img-video.remove-after::after {
    content: unset;
}



/* -----Feb-17 */


.interview-list-wrapper.img-crop-wrapper {
    grid-template-columns: 1fr !important;
}


.img-crop-section {
    padding: 1.5rem 1.5rem 0;
}


.img-crop-section .crop-content {
    max-width: 80%;
    margin: 0 auto;
    width: 100%;
}


.img-crop-section .crop-content .img-rotate-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}


.img-crop-section .crop-content .img-rotate-content .button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 32px;
    border: 1px solid transparent;
    transition: border-color 0.3s;
    gap: 8px;
    width: fit-content;
    text-decoration: none;
}

.img-crop-section .crop-content .img-rotate-content .button:hover {
    border-color: #EDEDED;
}

.img-crop-section .crop-content .img-rotate-content .button .icon-container {
    display: grid;
    place-items: center;
}

.img-crop-section .crop-content .img-rotate-content .button .icon-container .icon {
    display: none;
}

.img-crop-section .crop-content .img-rotate-content .button .icon-container .icon.active {
    display: block;
}

.img-crop-section .crop-content .img-rotate-content .button .icon-container .icon.inactive {
    display: none;
}

.img-crop-section .crop-content .img-rotate-content .button:hover .icon.active {
    display: none;
}

.img-crop-section .crop-content .img-rotate-content .button:hover .icon.inactive {
    display: block;
}

.img-crop-section .crop-content .img-rotate-content .button .button-text {
    color: #717171;
    font-size: 0.875rem;
    /* 14px */
    font-weight: 400;
    line-height: 17.5px;
}


.img-crop-section .crop-content .image-container {
    position: relative;
}

.img-crop-section .crop-content .image-container .base-image {
    width: 100%;
    height: auto;
}

.img-crop-section .crop-content .image-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-crop-section .crop-content .image-container .overlay-image {
    width: 100%;
    height: 100%;
}



.img-crop-section .crop-content .sticky-footer {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    background-color: white;
    margin-left: -24px;
    margin-right: -24px;
    padding: 24px 0;
}



.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane {
    display: none;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane.active {
    display: block;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container {
    position: relative;
    margin: 0 auto;
    max-width: 384px;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-background {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/public/anyopenings/img/rotate-scale.svg');
    background-size: auto 6px;
    background-repeat: repeat-x;
    background-position: center;
    width: 100%;
    height: 22px;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container.scale-slider {
    max-width: 12.25rem;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-label {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
    gap: 6px;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-label.left-slide {
    left: 0;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-label::before {
    background-color: #A6A6A6;
    content: '';
    width: .125rem;
    height: 1.375rem;
    display: inline-block;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-label .slider-value {
    position: relative;
    font-weight: normal;
    color: #262626;
    font-size: 1rem;
    line-height: 20px;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-label .slider-value .degree-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    margin-top: 0;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-input .range-input {
    width: 100%;
}


.img-crop-section .crop-content .sticky-footer .nav-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.img-crop-section .crop-content .sticky-footer .nav-container .nav-link {
    padding: 8px 16px;
    border-radius: 32px;
    color: #262626;
    font-size: 1rem;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.img-crop-section .crop-content .sticky-footer .nav-container .nav-link:hover {
    background-color: #EDEDED;
    color: #262626;
}

.img-crop-section .crop-content .sticky-footer .nav-container .nav-link.active {
    background-color: #EDEDED;
    color: #262626;
}

.croppie-container {
    height: calc(100vh - 20rem) !important;
}

.cr-vp-circle {
    width: calc(100vh - 20rem) !important;
    height: 100% !important;
}

.uploaded-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    cursor: pointer;
}

.uploaded-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer !important;

}

/* ------Feb-19 */

.sticky-logout-btn {
    position: static;
    margin-top: 2rem;
}

.sticky-acc-delete-btn {
    position: static;
    margin-top: 2rem;
}

.btn-grey {
    background-color: #F0F0F2;
    color: #282322;
    padding: 12px 24px;
    min-width: fit-content;
    margin-left: auto;
    border-radius: 0.5rem;
}

.btn-grey:hover {
    background-color: #e6e6eb;
    transition: all 0.05s linear;
}

.sticky-logout-parent {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mt-21 {
    margin-top: 1.3125rem;
}


.settings-form-grp .form-content .select-date {
    grid-template-columns: 1fr;
}



.settings-form-grp .form-content .select-date .dropdown .dropdown-toggle {
    height: 2.5rem;
    background-color: #ffffff;
}


.settings-form-grp .form-content .select-date .dropdown .dropdown-toggle img {
    margin-left: auto;
}



.settings-form-grp .form-content .select-date .dropdown .dropdown-menu {
    width: 100%;
}


.settings-info-details.without-bg {
    background-color: transparent;
}



.settings-content .settings-form-grp.border-change .form-content input {
    border-color: #E3E3E5;
}


.settings-content .settings-form-grp.border-change .form-content textarea {
    border-color: #E3E3E5;
    resize: none;
}


.settings-content .settings-form-grp.border-change .form-content .select-date .dropdown .dropdown-toggle {
    border-color: #E3E3E5;
}


.settings-content .settings-form-grp .form-content .tri-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;

}




.settings-content .settings-form-grp .form-content .tri-form .input-checkbox input:checked+.check-flex label img.active {
    display: block;
}


.settings-content .settings-form-grp .form-content .tri-form .input-checkbox input:checked+.check-flex label img.inactive {
    display: none;
}


.settings-content .settings-form-grp .form-content .tri-form .input-checkbox .check-flex label {
    display: flex;
    align-items: center;
    padding: .75rem;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    margin: 0;
    height: 2.5rem;
    min-width: none;
}

.settings-content .settings-form-grp .form-content .tri-form .input-checkbox .check-flex label p {
    margin-left: .3125rem;
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}


.settings-content .settings-form-grp .form-content .tri-form .input-checkbox .check-flex label img {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
}


.input-checkbox input:checked+.check-flex label img:first-child {
    display: inherit;
}




.settings-content .settings-form-grp .form-content.no-editabel input {
    background-color: #EFF0F4;
    pointer-events: none;
}

.settings-content .settings-form-grp .form-content .ig-row {
    width: 100%;
    position: relative;
}

.settings-content .settings-form-grp .form-content .ig-row input {
    padding-right: 4.5rem;
}

.settings-content .settings-form-grp .form-content .ig-row a {
    position: absolute;
    top: .5625rem;
    right: .75rem;
    color: #306FD3;
    font-size: .875rem;
    font-weight: normal;
    text-decoration: none;
}


.max-w-376 {
    max-width: 23.5rem;
    margin-top: 1.25rem;
}


.mb-16 {
    margin-bottom: 1rem !important;
}




.change-password-modal .modal-dialog {
    max-width: 40rem;
}

.change-password-modal .modal-dialog .modal-content {
    border-radius: 1rem;
}

.change-password-modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    border-color: #E3E3E5;
}

.change-password-modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}


.change-password-modal .modal-dialog .modal-content .modal-header a {
    margin-left: auto;
}



.change-password-modal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem 1.5rem 2.5rem;
}

.change-password-modal .modal-dialog .modal-content .modal-body .desc-change {
    margin-bottom: 2rem;
}

.change-password-modal .modal-dialog .modal-content .modal-body .desc-change p {
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
}


.change-password-modal .modal-dialog .modal-content .modal-body .desc-change p span {
    color: #306FD3;
}


.change-password-modal .modal-dialog .modal-content .modal-body .update-password-btn {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.change-password-modal .modal-dialog .modal-content .modal-body .update-password-btn a {
    padding: 0 1.5rem;
    box-shadow: 4px 6px 24px #55380910;
    background-color: #282322;
    border-radius: .5rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
}


.change-password-modal .modal-dialog .modal-content .modal-body .update-password-btn a:hover {
    background-color: #474140;
}



.change-password-modal .modal-dialog .modal-content .modal-body .otp-field .otp-fill-field {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.change-password-modal .modal-dialog .modal-content .modal-body .otp-field p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
    text-align: center;
}

.change-password-modal .modal-dialog .modal-content .modal-body .otp-field p span {
    color: #306FD3;
}

.change-password-modal .modal-dialog .modal-content .modal-body .otp-field .otp-fill-field input {
    width: 100%;
    max-width: 4rem;
    height: 4rem;
    border: 1px solid #BABABA;
    border-radius: .5rem;
    margin-right: .75rem;
    text-align: center;
    font-size: 1.5rem;
    color: #282322;
    font-weight: normal;
}


.change-password-modal .modal-dialog .modal-content .modal-body .otp-field .otp-fill-field input:focus {
    outline: none;
}


.change-password-modal .modal-dialog .modal-content .modal-body .otp-field .otp-fill-field input:last-child {
    margin-right: 0;
}

.max-w-999 {
    margin-top: 1.25rem;
}

.settings-form-grp-duplicate {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    max-width: 23.5rem;
}

.settings-content .settings-form-grp-duplicate.border-change .form-content input {
    border-color: #E3E3E5;
}

.settings-content .settings-form-grp-duplicate .form-content.no-editabel input {
    background-color: #EFF0F4;
    pointer-events: none;
}

.afterupload .img-edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000099;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
}

.afterupload:hover .img-edit {
    display: flex;
}

.afterupload .img-edit img {
    width: 2rem;
    height: auto;
    border-radius: 0;
}

.afterupload {
    position: relative;
}


.settings-btm {
    padding: .75rem 1rem;
    background-color: #FFFFFF;
    box-shadow: 0px -3px 6px #0000000D;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* position: fixed; */
    bottom: 0;
    left: 13.5rem;
    /* width: calc(100% - 13.5rem); */
}

.settings-btm-logout {
    padding: .75rem 1rem;
    background-color: #FFFFFF;
    box-shadow: 0px -3px 6px #0000000D;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* position: fixed; */
    bottom: 0;
    left: 3.3125rem;
    width: calc(100% - 3.3125rem);
}


.settings-btm p,
.settings-btm-logout p {
    font-size: 1rem;
    color: #282322;
    font-weight: normal;
}

.settings-btm .button-grp,
.settings-btm-logout .button-grp {
    display: flex;
    align-items: center;
}

.settings-btm .button-grp a,
.settings-btm-logout .button-grp a {
    padding: 0 1.5rem;
    height: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
    margin-right: .75rem;
}


.settings-btm .button-grp a:last-child,
.settings-btm-logout .button-grp a:last-child {
    margin-right: 0;

}


.settings-btm .button-grp a.cancel-btn,
.settings-btm-logout .button-grp a.cancel-btn {
    background-color: #F0F0F2;
    color: #282322;
}

.settings-btm .button-grp a.save-btn,
.settings-btm-logout .button-grp a.save-btn {
    background-color: #282322;
    color: #ffffff;
}


.settings-btm .button-grp a.save-btn:hover,
.settings-btm-logout .button-grp a.save-btn:hover {
    background-color: #3f3b3a;
}

.settings-btm .button-grp a.cancel-btn:hover,
.settings-btm-logout .button-grp a.cancel-btn:hover {
    background-color: #e3e3e3;
}

.pb-50 {
    padding-bottom: 5rem !important;
}


.companybackBtn {
    display: flex;
    margin-left: 0 !important;
}

.companyWizzardBtnDiv {
    display: flex;
    flex-direction: row-reverse;
}

.collapse-side .settings-btm {
    width: calc(100% - 3.3125rem);
    left: 3.3125rem;
}


.collapse-side .settings-btm-logout {
    width: calc(100% - 3.3125rem);
    left: 3.3125rem;
}

.settings-content .upload-effect .file-upload {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
    gap: 1.5rem;
}

#progressDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}


/* ---------Feb-21 */

.add-candidate-wrapper .send-tabs .nav-item button span {
    color: #FFFFFF;
    font-size: .6875rem;
    font-weight: 600;
    padding: .125rem .3125rem;
    background-color: #DF3931;
    border-radius: .5625rem;
    margin-left: .5rem;
}


.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content {
    margin-bottom: 1.5rem;
}


.px-update {
    padding: 0 .25rem;
}


.bottom-interview-details .left-bottom-details .days-left.inner-black {
    margin-left: .75rem;
}

.bottom-interview-details .left-bottom-details .days-left.inner-black p {
    color: #282322 !important;
    font-weight: 500 !important;
    font-size: .8125rem !important;
}



.recuriter-openings-wrapper .interview-content .interview-list .sep-two {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr 196px;
    gap: 1.5rem;
    position: relative;
}

.recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list {
    display: flex;
    flex-direction: column;
    align-items: end;
    padding-left: 1.5rem;
    border-left: 1px solid #E3E3E5;
    height: 100%;
}


.recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .settings-btn {
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
}

.recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .settings-btn .share-btn {
    margin-right: .75rem;
    box-shadow: 4px 6px 24px #55380910;
    height: 2.0625rem;
    background-color: #F0F0F2;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    color: #282322;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
}

.recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .settings-btn .share-btn span {
    margin-left: .3125rem;
}

.recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .settings-btn .share-btn:hover {
    background-color: #e6e6eb;
}

.settings-btn .dropdown-menu {
    margin-top: .1875rem;
}


.right-btm-list {
    margin-top: auto;
}


.right-btm-list .count-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    margin-bottom: .75rem;
}


.right-btm-list .count-list .count-details {
    padding: .5rem .375rem;
    border-radius: .25rem;
}

.right-btm-list .count-list .count-details.applied {
    background-color: #D1F8E6;
    color: #1A7971;
}

.right-btm-list .count-list .count-details.invited {
    background-color: #F2EBFA;
    color: #7136B5;
}

.right-btm-list .count-list .count-details h4 {
    font-size: 1.5rem;
    margin-bottom: .0625rem;
    font-weight: bold;
    text-align: center;
}

.right-btm-list .count-list .count-details h5 {
    font-size: 1rem;
    margin-bottom: .0625rem;
    font-weight: bold;
    text-align: center;
}

.right-btm-list .count-list .count-details p {
    font-size: .6875rem;
    font-weight: normal;
    text-align: center;
}


.right-btm-list a {
    height: 2.0625rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    display: flex;
    align-items: center;
    padding: 0 .125rem;
    width: 100%;
    justify-content: center;
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
    border-radius: .5rem;
}


.right-btm-list a span {
    margin-left: .3125rem;
}

.right-btm-list a span span {
    margin: 0;
}

.right-btm-list a:hover {
    background-color: #474140;
}



.recuriter-openings-wrapper .interview-content .interview-list:first-child {
    padding-top: 1rem;
    margin-bottom: 1.125rem;
}



.add-candidate-wrapper.recuriter-openings-wrapper .job-details-tabs {
    padding: 1.5rem .75rem;
}


/* link-share-modal----- */


.link-share-modal.modal .modal-dialog {
    max-width: 40rem;
    margin-top: 10rem;
}

.link-share-modal.modal .modal-dialog .modal-content {
    border-radius: 1rem;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    justify-content: space-between;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}


.link-share-modal.modal .modal-dialog .modal-content .modal-header button {
    border: 0;
    background-color: transparent;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem 1.5rem 2rem;
}


.link-share-modal.modal .modal-dialog .modal-content .modal-body h6 {
    color: #272322;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 2rem;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field {
    border: 1px solid #BABABA;
    border-radius: .5rem;
    padding: .5rem .5rem .5rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field p {
    font-size: 1rem;
    color: #272322;
    font-weight: normal;
    margin-right: 1rem;
}


.link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field a {
    box-shadow: 4px 6px 24px #55380910;
    border-radius: .5rem;
    background-color: #282322;
    height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field a span {
    margin-left: .3125rem;
}

.link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field a:hover {
    background-color: #474140;
}








.recuriter-openings-wrapper .interview-body .inerview-radio h2 {
    font-size: 1rem;
}



.recuriter-openings-wrapper .interview-body .inerview-radio p {
    font-size: .875rem;
}


.recuriter-openings-wrapper .interview-body .interview-url-field:hover {
    outline-width: .125rem;
}


.recuriter-openings-wrapper .interview-body .interview-url-field {
    padding: 1.25rem 1rem;
}

.recuriter-openings-wrapper .interview-body {
    padding-top: .25rem;
}



.recuriter-openings-wrapper .fetch-data .progress span {
    background-color: transparent;
    background: transparent linear-gradient(91deg, #6737BF 0%, #0AA4DD 100%) 0% 0% no-repeat padding-box;
}


.recuriter-openings-wrapper .paste-url button {
    height: 2.25rem;
    padding: 0 1.5rem;
    width: auto;
    min-width: unset;
    font-size: 1rem;
}



/* ---------invited-ai-modal */

.invited-ai-modal.modal .modal-dialog {
    max-width: 52.5rem;
}

.invited-ai-modal.modal .modal-dialog .modal-content {
    border-radius: 1rem;
    border: 0;
}

.invited-ai-modal.modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    justify-content: space-between;

}

.invited-ai-modal.modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}

.invited-ai-modal.modal .modal-dialog .modal-content .modal-header button {
    border: 0;
    background-color: transparent;
}

.invited-ai-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 1rem 1.5rem;
}


.development-content {
    padding: 1.25rem 1rem;
    background-color: #F4F5F7;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.development-content h3 {
    font-size: 1rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: .75rem;
}

.development-details {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    align-items: center;
}


.development-details .place-content {
    margin-right: 1.25rem;
    display: flex;
    align-items: center;
}

.development-details .place-content img {
    margin-right: .3125rem;
}

.development-details .place-content p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.development-details .place-content:last-child {
    margin-right: 0;
}


.development-details .sep-interview {
    height: .5rem;
    width: .0625rem;
    background-color: #E3E3E5;
    margin-right: 1.25rem;
}


.talents-content h3 {
    font-size: .875rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: 1.5625rem;
}

.talents-content .talents-list .talent-list-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .625rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid #E3E3E5;
    width: 100%;
}

.talents-content .talents-list .talent-list-detail:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.talents-content .talents-list .talent-list-detail .candidate-profile {
    display: flex;
    align-items: center;
}

.talents-content .talents-list .talent-list-detail .candidate-profile .candidate-img {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    margin-right: .5rem;
}

.talents-content .talents-list .talent-list-detail .candidate-profile .candidate-img img {
    border-radius: 1rem;
    width: 100%;
    height: 100%;
}

.talents-content .talents-list .talent-list-detail .candidate-profile .candidate-details-list {
    max-width: 550px;

}

.talents-content .talents-list .talent-list-detail .candidate-profile .candidate-details-list h4 {
    color: #282322;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .1875rem;
    word-break: break-all;
}

.talents-content .talents-list .talent-list-detail .candidate-profile .candidate-details-list h3 span {
    font-size: .75rem;
    font-style: italic;
}

.talents-content .talents-list .talent-list-detail .candidate-profile .candidate-details-list p {
    font-size: .8125rem;
    font-weight: normal;
    color: #919191;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn {
    display: flex;
    align-items: center;
    min-width: 250px;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn a {
    height: 2rem;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    margin-right: .75rem;
    text-decoration: none;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn a span {
    margin-left: .3125rem;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn a:last-child {
    margin-right: 0;
}


.talents-content .talents-list .talent-list-detail .resume-invite-btn a.resume-btn {
    background-color: #F0F0F2;
    color: #282322;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn a.resume-btn:hover {
    background-color: #e6e6eb;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn a.invite-btn {
    color: #FFFFFF;
    background-color: #282322;
    width: 90px;
    justify-content: center;
}

.talents-content .talents-list .talent-list-detail .resume-invite-btn a.invite-btn:hover {
    background-color: #474140;
}


.responsive-height-style {
    display: flex;
    flex-direction: column;
}

.recuriter-openings-wrapper.responsive-height-style .feedback-content .qusetion-ans-field .question h4 {
    font-size: 1rem;
}


.recuriter-openings-wrapper .play-video-confe .left-video-content {
    position: relative;
    justify-content: center;
}


.recuriter-openings-wrapper .play-video-confe .left-video-content .screen-video-content .img-video {
    max-width: 42.5rem;
}


.recuriter-openings-wrapper .play-video-confe .left-video-content .title-link {
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 2rem;
}


.left-video-content .group-center-align .screen-video-content {
    margin-bottom: 2rem;
}


.recuriter-openings-wrapper .toggle-hide-btn {
    position: static;
}


.h-mobile {
    height: 100vh !important;
}

.summary-left-content {
    padding: 1rem;
}

.summary-left-content .title-ai-summary h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #282322;
    display: flex;
    align-items: center;
}


.summary-left-content .title-ai-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.summary-left-content .title-ai-summary h3 a {
    margin-right: .3125rem;
    vertical-align: baseline;
}


.summary-left-content .feedback-content .qusetion-ans-field .question {
    border-color: #ffffff;
    background-color: #ffffff;
    padding: 1rem;
}

.summary-left-content .feedback-content .qusetion-ans-field .answer-field .candidate-ans {
    border-color: #ffffff;
    background-color: #ffffff;
    padding: 1rem;
}


.summary-left-content .feedback-content .qusetion-ans-field .answer-field {
    grid-template-columns: 1fr;
}

.summary-left-content .feedback-content .qusetion-ans-field .answer-field .ai-ans {
    padding: 1rem;
}



/* --------add-talents-modal */

.add-talents-modal.modal .modal-dialog {
    max-width: 52.5rem;
    height: 39.125rem;
}

.add-talents-modal.modal .modal-dialog .modal-content {
    border-radius: 1rem;
}


.add-talents-modal.modal .modal-dialog .modal-content .modal-header {
    padding: 1.5rem;
    justify-content: space-between;
}


.add-talents-modal.modal .modal-dialog .modal-content .modal-header button {
    border: 0;
    background-color: transparent;
}

.add-talents-modal.modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}

.add-talents-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 1rem 1.5rem 2.5rem;
}

.add-talents-modal.modal .modal-dialog .modal-content .modal-body .send-tabs .nav-item button {
    font-size: .75rem;
    padding: 0;
    color: #272322;
    font-weight: bold;
    height: 2.1875rem;
}

.add-talents-modal.modal .modal-dialog .modal-content .modal-body .send-tabs .nav-item {
    padding: 0 1.5rem 0 0;
}

.add-talents-modal.modal .modal-dialog .modal-content .modal-body .send-tabs {
    padding: 0;
    border-bottom: 0;
}

.add-talents-modal.modal .modal-dialog .modal-content .modal-body .development-content {
    margin-bottom: 1rem;
}


.ai-recommendation-tab {
    padding: 1.5rem 0 0;
}

.create-own-talents-dashboard {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 33rem;
    padding: 2.5rem 0;
    margin: 0 auto;
}

.create-own-talents-dashboard h3 {
    font-size: 1rem;
    color: #292322;
    font-weight: bold;
    text-align: center;
    margin: .75rem 0 .3125rem;
}

.create-own-talents-dashboard p {
    color: #292322;
    font-size: .875rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 2rem;
}

.create-own-talents-dashboard a {
    padding: 0 .75rem;
    height: 2rem;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: .5rem;
    background-color: #282322;
}

.create-own-talents-dashboard a:hover {
    background-color: #474140;
}


.ai-recommendation-tab .settings-form-grp input {
    border-color: #E3E3E5;
    height: 2.5rem;
}


.save-talents-btn a {
    padding: 0 .75rem;
    height: 2rem;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: .5rem;
    background-color: #282322;
    width: fit-content;
    margin-top: 2.5rem;
}


.save-talents-btn a:hover {
    background-color: #474140;
}


.recuriter-openings-wrapper .interview-field-wrapper input,
.recuriter-openings-wrapper .interview-field-wrapper .textarea-inpt {
    border-color: #E3E3E5;
}

.recuriter-openings-wrapper .interview-field-wrapper .textarea {
    border-color: #E3E3E5;
}

.mb-32 {
    margin-bottom: 2rem;
}


.recuriter-openings-wrapper .info-content {
    height: auto;
}


.form-url.bi-form {
    grid-template-columns: repeat(2, 1fr);
}


.max-w-680 {
    max-width: 42.5rem;
    width: 100%;
    margin: 0 auto;
}


.recuriter-openings-wrapper .upload-content {
    margin-bottom: 2.5rem;
}


.recuriter-openings-wrapper .file-left-content .file-details h3 {
    font-size: .875rem;
}


.recuriter-openings-wrapper .file-left-content .file-details p {
    font-size: .625rem;
}


.recommendation-title .view-field {
    margin-left: auto;
}

.right-btm-list .lpa-details {
    padding: .875rem 1.1875rem;
    background-color: #D1F8E6;
    border-radius: .25rem;
    margin-bottom: .75rem;
    display: flex;
    justify-content: center;
}

.right-btm-list .lpa-details h6 {
    color: #1A7971;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}


.w-15-perce {
    width: 15%;
}


.recommendation-logo-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    margin-bottom: 0.75rem;
}

.recommendation-logo-details .recommendation-log-img {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    margin-bottom: .1875rem;
    flex-shrink: 0;
}

.recommendation-logo-details .recommendation-log-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.recommendation-logo-details p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    flex-grow: 1;
    padding-left: 0.3125rem;
}


.add-candidate-wrapper.recuriter-openings-wrapper .job-details-tabs.py-12 {
    padding-block: .75rem;
}


.recuriter-openings-wrapper .candidate-tbl .table tbody tr td .download-content .progress-list p {
    font-weight: bold;
}


.candidate-tbl .table tbody tr td .candidate-details h3 a {
    text-decoration: none;
    color: #282322;
}

.candidate-tbl .table tbody tr td .candidate-details h3 a:hover {
    text-decoration: underline;
}


.add-candidate-wrapper .send-tabs .nav-item button span {
    border-radius: 1rem;
}


.play-video-confe .left-video-content .title-link .right-link-details .link-details span {
    text-decoration: underline;
}


.settings-btm a.cancel-btn,
.settings-btm-logout a.cancel-btn {
    padding: 0 1.5rem;
    height: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
    margin-right: .75rem;
    background-color: #F0F0F2;
    color: #282322;
}

.settings-btm a img,
.settings-btm-logout a img {
    margin: 0 .3125rem;
    width: .75rem;
}


.settings-btm a.cancel-btn.not-allowed,
.settings-btm-logout a.cancel-btn.not-allowed {
    opacity: 0.5;
    pointer-events: none;
}

.settings-btm a.cancel-btn:hover,
.settings-btm-logout a.cancel-btn:hover {
    background-color: #e3e3e3;
}


.settings-btm a.save-btn,
.settings-btm-logout a.save-btn {
    background-color: #282322;
    color: #ffffff;
    padding: 0 1.5rem;
    height: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    text-decoration: none;
    margin-right: .75rem;
}


.settings-btm a.save-btn:hover,
.settings-btm-logout a.save-btn:hover {
    background-color: #3f3b3a;
}


.form-url .inpt-grp .textarea-flexx ul li input:focus {
    outline: none;
}



:root {
    --size: 0;
}

.form-url .inpt-grp .textarea-flexx ul li input.selfadapt {
    min-width: 30ch;
    width: calc(var(--size) * 2ch);
    overflow: unset !important;
}

.textarea-flexx li:last-of-type {
    border: none;
    height: 20px;
    width: calc(var(--size) * 1ch);
    min-width: 30ch;
}


.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time.inner-black span {
    color: #282322 !important;
    font-weight: 500 !important;
}

.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time.inner-black {
    background-color: #F6E1FF !important;
}



.description-interview p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.settings-log-out-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.settings-log-out-link .logout-btn a {
    height: 2.5625rem;
    font-size: .875rem !important;
    font-weight: 500 !important;
    color: #282322 !important;
    display: flex;
    align-items: center;
    border: 1px solid #282322;
    border-radius: .5rem;
    background-color: #F7F8FA;
    position: static !important;
    padding: 0 1.5rem;
}

.settings-log-out-link .logout-btn a span {
    margin-left: 5px;
}

.settings-log-out-link .logout-btn a:hover {
    background-color: #ffffff;
    text-decoration: none !important;
}

.settings-log-out-link .logout-btn {
    margin-top: 0;
}


.settings-log-out-link .delete-acc-btn a:hover {
    background-color: #ffffff;
    text-decoration: none !important;
}


.settings-log-out-link .delete-acc-btn a {
    height: 2.5625rem;
    font-size: .875rem !important;
    font-weight: 500 !important;
    color: #E74729 !important;
    display: flex;
    align-items: center;
    border: 1px solid #E74729;
    border-radius: .5rem;
    background-color: #FFFDFD;
    position: static !important;
    padding: 0 1.5rem;
}


.settings-log-out-link .delete-acc-btn a span {
    margin-left: .3125rem;
}



.border-change .form-content textarea {
    border-color: #E3E3E5;
}


.change-password-modal .modal-dialog .modal-content .modal-body .update-password-btn {
    margin-top: 1rem;
}


.delete-acc-loader .modal-dialog {
    max-width: 40rem;
}

.delete-acc-loader .modal-dialog .modal-content {
    border-radius: 1rem;
    height: 25.0625rem;
}


.delete-acc-loader .modal-dialog .modal-content .modal-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 5rem 1rem 3.3125rem;
}


.delete-acc-loader .modal-dialog .modal-content .modal-body .loader-design .loader {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    border: .5rem solid #F7F8FA;
    border-top-color: #282322;
    margin: 0 auto;
    transform: rotate(45deg);
    margin-bottom: 1rem;
    animation: spin 2s linear infinite;
}

.delete-acc-loader .modal-dialog .modal-content .modal-body .loader-design p {
    font-size: 1rem;
    color: #282322;
    font-weight: 300;
    margin-bottom: 1rem;
}

.delete-acc-loader .modal-dialog .modal-content .modal-body .loader-design p span {
    font-weight: 600;
}


.delete-acc-loader .modal-dialog .modal-content .modal-body .account-cancel-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.delete-acc-loader .modal-dialog .modal-content .modal-body .account-cancel-btn a {
    height: 2.75rem;
    background-color: #F0F0F2;
    border-radius: .5rem;
    color: #282322;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
    padding: 0 2.375rem;
    text-decoration: none;
}

.delete-acc-loader .modal-dialog .modal-content .modal-body .account-cancel-btn a:hover {
    background-color: #e3e3e3;
}



.delete-acc-loader .modal-dialog .modal-content .modal-body .deleted-sucess-msg {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 1rem;
}

.delete-acc-loader .modal-dialog .modal-content .modal-body .deleted-sucess-msg img {
    margin-bottom: 1rem;
}


.delete-acc-loader .modal-dialog .modal-content .modal-body .deleted-sucess-msg h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: .3125rem;
    text-align: center;
}

.delete-acc-loader .modal-dialog .modal-content .modal-body .deleted-sucess-msg p {
    font-size: 1rem;
    color: #292322;
    font-weight: normal;
    text-align: center;
}


.copy-link-btn a span {
    white-space: nowrap;
}


.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content {
    margin-bottom: 1rem;
}



.input-checkbox.contact-check input:checked+.check-flex .active-check {
    display: inherit;
}

.input-checkbox.contact-check label.check-flex {
    cursor: pointer;
}


.input-checkbox.contact-check .check-flex img {
    width: .875rem;
    height: .875rem;
    min-width: .875rem;
    margin-top: .1875rem;
}

.input-checkbox.contact-check .check-flex .active-check {
    display: none;
}


.input-checkbox.contact-check input:checked+.check-flex .inactive-check {
    display: none;
}


.change-password-modal .modal-dialog .modal-content .modal-body .desc-change p {
    color: #272322;
}



/* .settings-info .experince-details .edit-work-list{
    margin-left: 1rem;
}


.settings-info .experince-details .edit-work-list .edit-delete{
    margin-left: 1rem;
} */



.change-password-modal .settings-form-grp {
    gap: 1rem;
}


.change-password-modal .modal-dialog .modal-content .modal-body .update-password-btn {
    margin-top: 1.5rem;
}


.settings-info .settings-info-details .settings-add-link a {
    font-weight: 500;
}


.shadow-btm {
    box-shadow: 0px 20px 30px 0px rgba(47, 101, 181, 0.08);
}

.gap-16 {
    gap: 1rem !important;
}

.salinput {
    background: #FFFFFF;
    border: 1px solid #BABABA;
    border-radius: 8px;
    padding: 10px 12px;
    height: 40px;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #282322;
    margin-bottom: 0;
}

.recommendationloader {
    position: relative;
    width: 80px;
    margin: 0px auto;
    height: 50px;
}

.duo {
    height: 20px;
    width: 50px;
    background: hsla(0, 0%, 0%, 0.0);
    position: absolute;

}

.duo,
.dot {
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.duo1 {
    left: 0;
}

.duo2 {
    left: 30px
}


.dot {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #333;
    position: absolute;
}

.dot-a {
    left: 0px;
}

.dot-b {
    right: 0px;
}


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

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

@keyframes onOff {
    0% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.duo1 {
    animation-name: spin;
}

.duo2 {
    animation-name: spin;
    animation-direction: reverse;
}

.duo2 .dot-b {
    animation-name: onOff;
}

.duo1 .dot-a {
    opacity: 0;
    animation-name: onOff;
    animation-direction: reverse;
}

.loader-details {
    height: calc(100vh - 6rem);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.loader-details p {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-align: center;
}


/* ------Feb-28 */


.signin-right-side .right-content-details .signin-field label:hover .field-check {
    border-color: #282322;
}


.toast-cotaniner {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-width: 30rem;
    position: fixed;
    right: 1rem;
    top: 1rem;
    z-index: 1000;
}

.toast-cotaniner .toast-field {
    display: flex;
    align-items: start;
    width: 100%;
    box-shadow: 0px 3px 12px #4C76A81A;
    border-radius: 0rem;
    padding: 0.75rem 2rem 0.75rem 0.75rem;
    position: relative;
}

.toast-cotaniner .toast-field::after {
    content: "";
    width: .1875rem;
    display: inline-block;
    background-color: #46D764;
    height: 100%;
    border-radius: 0px;
    position: absolute;
    top: 0;
    left: 0;
}

.toast-field.toast-success {
    background-color: #ECFFF0;
    border: 1px solid #C2FFD1;
}

.toast-field.toast-error {
    background-color: #FFECF0;
    border: 1px solid #FFD0D6;
}

.toast-field.toast-info {
    background-color: #EEF7FF;
    border: 1px solid #C8E7FF;
}

.toast-field.toast-warning {
    background-color: #FFF7EF;
    border: 1px solid #FFE0C2;
}

.toast-cotaniner .toast-field.toast-success::after,
.toast-cotaniner .toast-field.toast-success .loading-toast::after {
    background-color: #48B13F;
}

.toast-cotaniner .toast-field.toast-error::after,
.toast-cotaniner .toast-field.toast-error .loading-toast::after {
    background-color: #C82124;
}

.toast-cotaniner .toast-field.toast-info::after,
.toast-cotaniner .toast-field.toast-info .loading-toast::after {
    background-color: #2E7FBF;
}

.toast-cotaniner .toast-field.toast-warning::after,
.toast-cotaniner .toast-field.toast-warning .loading-toast::after {
    background-color: #EB7500;
}


.toast-cotaniner .toast-field .toast-field-img {
    margin-right: 0.5rem;
    display: flex;
}

.toast-cotaniner .toast-field .toast-field-img img {
    width: 0.9125rem;
}


.toast-cotaniner .toast-field .toast-details {
    width: 100%;
}


.toast-cotaniner .toast-field .loading-toast {
    width: calc(100% - 5px);
    position: absolute;
    bottom: 0;
    left: .3125rem;
    height: .1875rem;
    background-color: #E3E3E5;
    display: none;
}


.toast-cotaniner .toast-field .loading-toast::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: '';
    border-radius: .625rem;
    animation: load 6s linear infinite;
}

.toast-cotaniner .toast-field .toast-details h3 {
    color: #26272B;
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .1875rem;
}

.toast-cotaniner .toast-field .toast-details p {
    font-size: .75rem;
    color: #26272B;
    font-weight: normal;
}

.toast-cotaniner .toast-field .toast-details h3 a {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    opacity: 0.5;
}

/* 25-02-2025 */
.ai-interviewer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24.25rem, 1fr));
    grid-gap: 0.875rem;
    padding: 1rem;
}

.ai-interviewer-col {
    padding: 1rem;
    border: 1px solid #E3E3E5;
    border-radius: 0.5rem;
    position: relative;
    width: 100%;
}

.ai-interviewer-col-header {
    display: grid;
    grid-template-columns: 1fr 5rem;
    align-items: center;
    grid-gap: 1rem;
    margin-bottom: 1rem;
}

.ai-interviewer-prod-col {
    display: grid;
    grid-template-columns: 1.875rem 1fr;
    align-items: center;
    grid-gap: 0.75rem;
}

.ai-interviewer-prod-col span {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    overflow: hidden;
}

.ai-interviewer-prod-col span img {
    width: 100%;
    height: 100%;
}

.ai-interviewer-prod-col h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #282322;
    margin: 0;
}

.ai-interviewer-col-header a {
    width: 100%;
    height: 2.0625rem;
    box-shadow: 4px 6px 24px #00000010;
    border: 1px solid #E2E2E3;
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3125rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #282322;
    text-decoration: none;
}

.ai-interviewer-col-header a img {
    width: 0.8125rem;
}

.ai-interviewer-col-header a:hover {
    background-color: #F0F0F2;
}

.ai-interviewer-col-detail p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #282322;
}

.ai-inter-link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.agent-id-list .ai-interviewer-col:hover {
    background-color: #F7F8FA;
}

.agent-id-list .ai-interviewer-col .ai-interviewer-col-header {
    margin-bottom: 0.75rem;
}

.agent-id-list .ai-interviewer-col-header {
    grid-template-columns: 1fr;
}


/* Replace */


.agent-tabs .nav-item {
    padding: 0 .75rem;
}

.agent-tabs.nav-tabs {
    border-color: transparent;
    position: sticky;
    position: -webkit-sticky;
    top: 3.4rem;
    background-color: #FFFFFF;
    z-index: 5;
    padding: 0 .75rem;
}

.agent-tabs .nav-item .nav-link {
    font-size: .75rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    color: #292322;
}

.agent-tabs .nav-item .nav-link span {
    margin-left: .3125rem;
}

.agent-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #272322;
}

.ai-interviewer-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    box-shadow: 0px -3px 6px #0000000D;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: white;
    gap: 0.75rem;
}

.ai-interviewer-bottom p {
    font-size: 1rem;
    font-weight: 400;
    color: #282322;
    line-height: 1.25rem;
}

.ai-interviewer-bottom-col {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.ai-interviewer-bottom a {
    height: 2.5625rem;
    padding-inline: 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: none;
}

.ai-interviewer-bottom a.save {
    background-color: #282322;
    color: white;
}

.ai-interviewer-bottom a.cancel {
    background-color: #F0F0F2;
    color: #282322;
}

.agent-tab-content {
    padding-bottom: 2rem;
}

.fetch-data h2 span {
    background: transparent linear-gradient(91deg, #6737BF 0%, #0AA4DD 100%) 0% 0% no-repeat padding-box;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.confetti-active canvas {

    left: 8% !important;
}

.align-center-field {
    flex-direction: column;
    align-items: start !important;
    max-width: 456px;
    margin: 0 auto 1.5rem;
}

.flatpickr-calendar {
    font-family: 'Lexend', sans-serif !important;
}

/* .flatpickr-calendar.open {
    z-index: 10 !important;
} */

.flatpickr-day.selected {
    background-color: #282322 !important;
    border-color: #282322 !important;
}

.flatpickr-day.flatpickr-disabled {
    color: rgb(57 57 57 / 30%) !important
}

.flatpickr-day {
    border: none !important;
}

.skillsTextarea,
.locationTextArea {
    cursor: text;
}

.candidateRecLoader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.increasemargin {
    margin-right: 12px;
}

.wrd-break-all {
    word-break: break-all;
}

/* -----march-5 */


.recuriter-openings-wrapper .play-video-confe .left-video-content {
    justify-content: start;
    padding: .5rem 0;
}

.recuriter-openings-wrapper .play-video-confe .left-video-content .full-recuriter-candiadte-list {
    background-color: #F4F5F7;
}

.recuriter-openings-wrapper .play-video-confe .left-video-content .send-tabs .nav-item button.active {
    background-color: #F4F5F7;
}


.recuriter-openings-wrapper .play-video-confe .left-video-content .job-details-tabs {
    padding: 1.5rem 1rem;
}


.recuriter-openings-wrapper .play-video-confe .left-video-content .player-controls {
    justify-content: center;
}


.recuriter-openings-wrapper .play-video-confe .left-video-content .screen-video-content .img-video {
    max-width: 100%;
    height: auto;
}


.recuriter-openings-wrapper .play-video-confe .feedback-content .qusetion-ans-field .answer-field .candidate-ans p {
    padding: 0;
    margin: 0;
    border: 0;
}


.recuriter-openings-wrapper .play-video-confe .feedback-content .qusetion-ans-field .answer-field .ai-ans p {
    padding: 0;
    margin: 0;
    border: 0;
}


.recuriter-openings-wrapper .play-video-confe .summary-left-content {
    padding: 0;
}


.recuriter-openings-wrapper .openings-head-content .openings-title .date-time p {
    font-size: .75rem;
    font-weight: normal;
    color: #919191;
    margin-left: .3125rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title .date-time img {
    width: .8125rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title .date-time {
    display: flex;
    align-items: center;
}


.recuriter-openings-wrapper .openings-head-content .openings-title .new-title-link {
    display: flex;
    align-items: center;
    margin-bottom: .3125rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title h3 {
    margin: 0;
}


.recuriter-openings-wrapper .openings-head-content .openings-title .new-title-link .title-link-blue {
    display: flex;
    align-items: center;
    margin-left: .75rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title .new-title-link .title-link-blue a {
    margin-left: .5rem;
}

.recuriter-openings-wrapper .openings-head-content .openings-title .new-title-link .title-link-blue p {
    font-size: .875rem;
    color: #306FD3;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.modals-link-field-list {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.modals-link-field-list .modals-link-field {
    margin-bottom: .5rem;
    padding: 1rem;
    background-color: #FFFFFF;
    border-radius: .3125rem;
    text-decoration: none;
    width: 100%;
}

.modals-link-field-list .modals-link-field .link-field-title {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

.modals-link-field-list .modals-link-field .link-field-title h4 {
    margin-left: .5rem;
    color: #282322;
    font-size: .875rem;
    font-weight: 600;
}

.modals-link-field-list .modals-link-field p {
    color: #919191;
    font-size: .875rem;
    font-weight: normal;
}


/* ------interview-video-modal */

.interview-video-modal .modal-dialog {
    max-width: 40rem;
}

.interview-video-modal .modal-dialog .modal-content {
    border-radius: 1rem;
    border: 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .modal-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .3125rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .modal-title h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .modal-title h3 {
    display: flex;
    align-items: center;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .modal-title h3 span {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    display: flex;
    align-items: center;
    margin-left: .5rem;
    padding: .2813rem .375rem;
    background-color: #FFF0F0;
    border-radius: .3125rem;
    gap: .1875rem;
}



.interview-video-modal .modal-dialog .modal-content .modal-body p {
    font-size: 1rem;
    color: #272322;
    font-weight: normal;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content {
    margin: 1.5rem 0;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content textarea {
    padding: 0;
    border: 0;
    resize: none;
    width: 100%;
    height: 10rem;
    font-size: .875rem;
    color: #272322;
    font-weight: normal;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content textarea:focus {
    outline: none;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn {
    display: flex;
    justify-content: end;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a {
    margin-right: .75rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a:last-child {
    margin-right: 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.save-btn {
    height: 2rem;
    padding: 0 .75rem;
    background-color: #282322;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.save-btn.disabled {
    color: #8B898A;
    background-color: #F0F0F2;
    pointer-events: none;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.create-btn {
    height: 2rem;
    padding: 0 .75rem;
    background-color: #F0F0F2;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.manage-btn {
    height: 2rem;
    padding: 0 .75rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: #282322;
    font-weight: 500;
    text-decoration: none;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.save-btn:hover {
    background-color: #3f3b3a;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.create-btn:hover {
    background-color: #d9d9db;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a.manage-btn:hover {
    background-color: #F0F0F2;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content {
    margin: 1.5rem 0 2.5rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label {
    margin-bottom: 1.25rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label:last-child {
    margin-bottom: 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label label {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: .5rem;
}



.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-toggle {
    width: 100%;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    background-color: #ffffff;
    height: 2.5rem;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-toggle::after {
    content: unset;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-toggle span {
    color: #B6B6B9;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-toggle .drop-arrow {
    position: absolute;
    right: .75rem;
    top: 1rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu {
    padding: .5rem .25rem;
    border: 1px solid #F7F7F7;
    border-radius: .5rem;
    box-shadow: 4px 6px 24px #55380910;
    width: 100%;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item {
    font-size: .875rem;
    font-weight: normal;
    cursor: pointer;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp input {
    width: 100%;
    border: 1px solid #E3E3E5;
    border-radius: .5rem;
    height: 2.5rem;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: normal;
    color: #282322;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp input:focus {
    outline: none;
}



.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .radio-grp {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 12px;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container {
    display: block;
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    border: 2px solid #262322;
    width: 2rem;
    background-color: #ffffff;
    border-radius: 50%;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container:hover input~.checkmark {
    background-color: #ffffff;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container input:checked~.checkmark {
    background-color: white;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container input:checked~.checkmark:after {
    display: flex;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container input:checked~.check-center-circle {
    display: inline-block;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container .checkmark:after {
    top: 3px;
    left: 3px;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background: #262322;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container .check-center-circle {
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: .8125rem;
    left: .8125rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.red .checkmark {
    border-color: #F33E38;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.blue .checkmark {
    border-color: #2868FE;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.green .checkmark {
    border-color: #8DAA00;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.yellow .checkmark {
    border-color: #DC9901;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.dark-green .checkmark {
    border-color: #027F70;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.pink .checkmark {
    border-color: #F21C94;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.orange .checkmark {
    border-color: #FE8100;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.purple .checkmark {
    border-color: #CD2CCE;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.red .checkmark:after {
    background-color: #F33E38;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.blue .checkmark:after {
    background-color: #2868FE;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.green .checkmark:after {
    background-color: #8DAA00;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.yellow .checkmark:after {
    background-color: #DC9901;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.dark-green .checkmark:after {
    background-color: #027F70;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.pink .checkmark:after {
    background-color: #F21C94;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.orange .checkmark:after {
    background-color: #FE8100;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .container.purple .checkmark:after {
    background-color: #CD2CCE;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label {
    margin-top: 1.5rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .input-grp {
    position: relative;
    margin-bottom: 1rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .input-grp input {
    border: 1px solid #BABABA;
    padding: 0 .75rem 0 2.1875rem;
    height: 2.5rem;
    border-radius: .5rem;
    background-image: url(../img/search-grey.svg);
    background-repeat: no-repeat;
    background-position: .75rem center;
    font-size: 1rem;
    color: #262626;
    font-weight: normal;
    width: 100%;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .input-grp input:focus {
    outline: none;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-header {
    padding: .75rem;
    background-color: #F7FAFC;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-header h3 {
    font-size: .75rem;
    color: #282322;
    font-weight: 600;
    text-transform: uppercase;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details {
    padding: 0 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details:first-child {
    padding: .75rem 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details:last-child {
    padding: 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list {
    display: flex;
    align-items: center;
    padding: .25rem .375rem;
    border-radius: .3125rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.red {
    background-color: #FFF0F0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: .1875rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .edit-label {
    display: flex;
    align-items: center;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .edit-label a:last-child {
    margin-right: 0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .edit-label a {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    margin-right: .75rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .edit-label a:hover {
    background-color: #F0F0F2;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.red {
    background-color: #FFF0F0;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.blue {
    background-color: #E8EFFF;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.green {
    background-color: #F0F4DE;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.yellow {
    background-color: #FFF8E8;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.dark-green {
    background-color: #DCFAF6;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.pink {
    background-color: #FFF0F9;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.orange {
    background-color: #FFF4E8;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .to-search-label .seach-label-list .label-list-content .label-list-details .label-list.purple {
    background-color: #FFF2FF;
}


.resume-btn a {
    padding: 0 .75rem;
    height: 2rem;
    border-radius: .5rem;
    border: 1px solid #282322;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 500;
    color: #282322;
    text-decoration: none;
}

.job-detail-page .resume-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-inline: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8758rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    background-color: #F0F0F2;
    color: #282322;
    height: 2rem;
}

.resume-btn a:hover {
    background-color: #f0ebeb;
}

.resume-btn a span {
    margin-left: .5rem;
}


.ml-auto {
    margin-left: auto;
}

.left-video-content .screen-video-content .img-video video {
    width: auto;
    max-width: 100%;
    height: 100%;
    border-radius: .3125rem;
}

.add-gap {
    gap: 5px;
}

.candidate-info .profile-without-img {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    margin-right: .5rem;
}

.candidate-info .profile-without-img p {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}


/* -------march-6 */




.recuriter-openings-wrapper .grid-view.interview-content .interview-list {
    border: 1px solid #E3E3E5 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: .75rem;
}


.recuriter-openings-wrapper .grid-view.interview-content .bottom-interview-details {
    border-top: 1px solid #E3E3E5 !important;
    padding: .75rem 1rem !important;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list .top-interview-details {
    padding: 1.0625rem 1rem 1rem !important;
}


.recuriter-openings-wrapper .grid-view.interview-content {
    padding-top: 1rem;
}


.grid-view.interview-content .interview-list .bottom-interview-details .recommendation-job a span {
    margin-left: .3125rem;
}


.pagination {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 2.5rem 0 1.5rem;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    background-color: #ffffff;
    z-index: 30;
}

.pagination ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination ul li {
    margin-right: .5rem;
}

.pagination ul li:last-child {
    margin-right: 0;

}

.pagination ul li:first-child a {
    border-radius: .3125rem;
}

.pagination ul li:last-child a {
    border-radius: .3125rem;
}

.pagination ul li a img {
    width: .75rem;
}

.pagination ul li a {
    width: 2rem;
    height: 2rem;
    color: #282322;
    font-size: .875rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .1875rem;
    text-decoration: none;
}

.pagination ul li a.active {
    background-color: #282322;
    color: #ffffff;
}

.pagination ul li a.active:hover {
    background-color: #3f3b3a;
}

.pagination ul li a:hover {
    background-color: #F0F0F2;
}

.pagination .to-seach-page {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.pagination .to-seach-page h5 {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
}

.pagination .to-seach-page p {
    font-size: .875rem;
    color: #282322;
    font-weight: normal;
    white-space: nowrap;
}

.pagination .to-seach-page input {
    max-width: 3rem;
    width: 100%;
    border: 1px solid #E6EAED;
    border-radius: .25rem;
    padding: 0 .75rem;
    font-size: .875rem;
    text-align: center;
    margin: 0 .5rem;
}

.pagination .to-seach-page input:focus {
    outline: none;
}

.top-interview-details .course-list a {
    padding: .0625rem .3125rem;
    border-radius: .75rem;
    background-color: #F4F4F5;
    margin-right: .5rem;
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
    text-decoration: none;
}

.list-view.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time span {
    color: #282322;
}

.list-view.interview-content .interview-list .bottom-interview-details .left-bottom-details .sheduled-time {
    background-color: #F6E1FF;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list .top-interview-details .sheduled-time {
    background-color: #F6E1FF;
    border-radius: .25rem;
    padding: .1875rem .5rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .top-interview-details .sheduled-time span {
    color: #282322;
    font-size: .8125rem;
    font-weight: normal;
    line-height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: center;
    width: 100%;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list .top-interview-details .lpa-details {
    padding: .625rem;
    background-color: #D1F8E6;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .top-interview-details .lpa-details h3 {
    color: #1A7971;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title {
    margin-bottom: .3125rem;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details .recommendation-log-img {
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details .recommendation-logo-content {
    width: 100%;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details .recommendation-logo-content .recommendation-logo-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details .recommendation-logo-content .recommendation-logo-title .title-txt {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
    text-decoration: none;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details .recommendation-logo-content p {
    text-align: left;
    padding-left: 0;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .interview-title .recommendation-logo-details .recommendation-logo-content {
    margin-left: .75rem;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list .applied-person {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list .applied-person p {
    font-size: .75rem;
    color: #1A7971;
    font-weight: 500;
    margin-left: .3125rem;
}


.recuriter-openings-wrapper .grid-view.interview-content .top-interview-details .interview-desc {
    margin-bottom: 1rem;
}


.recuriter-openings-wrapper .grid-view.interview-content .interview-list:hover .interview-title .recommendation-logo-details .recommendation-logo-content .recommendation-logo-title .title-txt {
    text-decoration: underline;
}

.no-data-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
    place-items: center;
    height: 100%;
    align-content: center;
}


.no-data-content .right-data {
    max-width: 600px;
    margin: auto;
    text-align: center;
}

.no-data-content .right-data h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: 0.3875rem;
}

.no-data-content .right-data p {
    font-size: 1rem;
    font-weight: normal;
    color: #282322;
}




.tool-tip-info {
    position: relative;
    width: 100%;
}


.tool-tip-info p {
    font-size: .6875rem;
    font-weight: normal;
    color: #ffffff;
    background-color: #000000;
    padding: .25rem;
    border-radius: .5rem;
    position: absolute;
    text-align: center;
    bottom: 109%;
    margin-bottom: 3px;
    left: 0;
    display: none;
}

.tool-tip-info p::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #000000;
    border-radius: 0.125rem;
    transform: rotate(45deg);
    margin: auto;
}

.tool-tip-info:hover p {
    display: block;
    width: 90%;
    left: 5%;
}


.right-link-group .link-list a span {
    margin-left: .3125rem;
}

.right-link-group .link-list a {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    height: 2.25rem;
    margin-right: .75rem;
}

.right-link-group .link-list {
    margin-right: .75rem;
}

.button-grp-list {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-direction: column;
    width: 100%;
}

.button-list a {
    margin-bottom: 1rem;
    margin-right: 0;
}

.button-list a:last-child {
    margin-bottom: 0;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .choose-radio-label {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1.25rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .choose-radio-label a {
    height: 2rem;
    padding: 0 .75rem;
    background-color: #282322;
    border-radius: .5rem;
    display: flex;
    white-space: nowrap;
    margin-left: .75rem;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

.mb-0 {
    margin-bottom: 0;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list {
    display: flex;
    align-items: center;
    padding: .25rem .375rem;
    border-radius: .3125rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: .1875rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.red {
    background-color: #FFF0F0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.blue {
    background-color: #E8EFFF;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.green {
    background-color: #F0F4DE;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.yellow {
    background-color: #FFF8E8;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.dark-green {
    background-color: #DCFAF6;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.pink {
    background-color: #FFF0F9;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.orange {
    background-color: #FFF4E8;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .selectedlabel .label-list.purple {
    background-color: #FFF2FF;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list {
    display: flex;
    align-items: center;
    padding: .25rem .375rem;
    border-radius: .3125rem;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: .1875rem;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.red {
    background-color: #FFF0F0;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.blue {
    background-color: #E8EFFF;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.green {
    background-color: #F0F4DE;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.yellow {
    background-color: #FFF8E8;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.dark-green {
    background-color: #DCFAF6;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.pink {
    background-color: #FFF0F9;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.orange {
    background-color: #FFF4E8;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item .label-list.purple {
    background-color: #FFF2FF;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item {
    padding: 4px 12px;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.red {
    background-color: #fadcdc;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.blue {
    background-color: #d9e3fa;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.green {
    background-color: #e8efc8;
}


.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.yellow {
    background-color: #fdedca;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.dark-green {
    background-color: #c1efe9;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.pink {
    background-color: #f5d1e6;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.orange {
    background-color: #fadfc2;
}

.interview-video-modal .modal-dialog .modal-content .modal-body .text-content .choose-label .input-grp .dropdown .dropdown-menu .dropdown-item:hover .label-list.purple {
    background-color: #fdcafd;
}

.pagination {
    position: static;
}

.right-content-details .form-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    align-items: start;
    margin-bottom: 2.5rem;
}

.increaseSize {
    font-size: 14px !important;
}

.addNoWrap {
    white-space: nowrap;
}

#reason {
    resize: none;
}

.button-list .login-btn.grey-btn {
    gap: 0;
}

.button-list .login-btn.grey-btn span {
    margin-left: .4375rem;
}


.line-sep-center {
    gap: 0;
}

.line-sep-center p {
    margin: 0 1rem;
}

.signin-right-side .right-content-details .signin-field {
    grid-gap: 1.25rem;
}


.textarea-inner-content {
    grid-gap: .625rem;
}

.desc-list-item .items-list {
    grid-gap: .625rem;
}

.search-text .placeholder-text .dropdown {
    margin-left: .3125rem;
}

.search-text .placeholder-text {
    gap: 0;
}


.search-text .placeholder-text .dropdown .dropdown-toggle {
    gap: 0;
}

.info-content .info-tabs {
    gap: 0;
}

.info-content .info-tabs a {
    margin-right: 1.375rem;
}

.info-content .info-tabs a:last-child {
    margin-right: 0;
}


.experince-details {
    height: calc(100vh - 37rem);
}

.acces-job {
    gap: 0;
}

.form-content label {
    margin-bottom: 0.5rem;
}

.form-content {
    gap: 0;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-input .range-input {
    cursor: grabbing;
}

.img-crop-section .crop-content .img-rotate-content {
    gap: 0;
}

.img-crop-section .crop-content .img-rotate-content a {
    margin-right: 1.5rem;
}

.img-crop-section .crop-content .img-rotate-content a:last-child {
    margin-right: 0;
}

.settings-form-grp .bi-form {
    grid-gap: 1rem;
}

.settings-content .settings-form-grp .form-content .tri-form {
    grid-gap: .5rem;
}

.settings-form-grp {
    grid-gap: 1.25rem;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recuriter-openings-wrapper .grid-view.interview-content .bottom-interview-details {
    margin-top: auto;
}

.form-url {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1rem;
}

.addHighlight {
    outline: 1px solid #000000;
    border-radius: 4px;
}

.salaryinfo {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    text-align: center;
}

.signin-right-side .right-content-details .signin-field label {
    height: 100%
}

.signin-right-side .right-content-details .signin-field label .field-check {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-bottom {
    margin-top: auto;
}

#notesview {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.tagsadd-field {
    height: 32px;
    border: 0;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 1rem;
    color: #272322;
    width: 100%;
    max-width: 17.5rem;
    background-color: transparent;
}

.tagsadd-field:focus-visible {
    outline: none;
}

.labelscroll {
    max-height: 200px;
    overflow: auto;
}

.deletedesabel {
    opacity: 0.5;
    pointer-events: none;
}

.topCreateTalentsBtn {
    padding: 0 .75rem;
    height: 2rem;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: .5rem;
    background-color: #282322;
}

.createTalentsLink {
    margin-left: auto;
}


/* ----march-11 */

.button-list .login-btn.grey-btn {
    gap: 0;
}

.button-list .login-btn.grey-btn span {
    margin-left: .4375rem;
}


.line-sep-center {
    gap: 0;
}

.line-sep-center p {
    margin: 0 1rem;
}

.signin-right-side .right-content-details .signin-field {
    grid-gap: 1.25rem;
}


.textarea-inner-content {
    grid-gap: .625rem;
}

.desc-list-item .items-list {
    grid-gap: .625rem;
}

.search-text .placeholder-text .dropdown {
    margin-left: .3125rem;
}

.search-text .placeholder-text {
    gap: 0;
}


.search-text .placeholder-text .dropdown .dropdown-toggle {
    gap: 0;
}

.info-content .info-tabs {
    gap: 0;
}

.info-content .info-tabs a {
    margin-right: 1.375rem;
}

.info-content .info-tabs a:last-child {
    margin-right: 0;
}


.experince-details {
    height: calc(100vh - 37rem);
}

.acces-job {
    gap: 0;
}

.form-content label {
    margin-bottom: 0.5rem;
}

.form-content {
    gap: 0;
}

.img-crop-section .crop-content .sticky-footer .crop-modal-tab.tab-pane .slider-container .slider-input .range-input {
    cursor: grabbing;
}

.img-crop-section .crop-content .img-rotate-content {
    gap: 0;
}

.img-crop-section .crop-content .img-rotate-content a {
    margin-right: 1.5rem;
}

.img-crop-section .crop-content .img-rotate-content a:last-child {
    margin-right: 0;
}

.settings-form-grp .bi-form {
    grid-gap: 1rem;
}

.settings-content .settings-form-grp .form-content .tri-form {
    grid-gap: .5rem;
}

.settings-form-grp {
    grid-gap: 1.25rem;
}

.recuriter-openings-wrapper .grid-view.interview-content .interview-list {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recuriter-openings-wrapper .grid-view.interview-content .bottom-interview-details {
    margin-top: auto;
}

.form-url {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1rem;
}

.signin-right-side .right-content-details .signin-field label {
    height: 100%
}

.signin-right-side .right-content-details .signin-field label .field-check {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.signin-right-side .right-content-details .signin-field label .field-check .field-bottom {
    margin-top: auto;
}


/* -----march-12 */


.inerview-radio input {
    margin-right: .625rem;
}

.interview-body .inerview-radio {
    gap: 0;
}


.info-content .info-tabs a .tab-list-content {
    gap: 0;
}

.info-content .info-tabs a .tab-list-detail {
    margin-left: .5rem;
    gap: 0;
}

.info-content .info-tabs a .tab-list-detail h3 {
    margin-bottom: .1875rem;
}

.select-date {
    grid-gap: 1.5rem;
}

.ai-interviewer-bottom-col {
    gap: 0;
}

.ai-interviewer-bottom-col a {
    margin-right: 0.75rem;
}

.ai-interviewer-bottom-col a:last-child {
    margin-right: 0;
}

.ai-interviewer-bottom {
    gap: 0;
}

.ai-interviewer-bottom p {
    margin-right: 0.75rem;
}

.input-checkbox.contact-check .check-flex label {
    margin-bottom: .25rem;
    margin-top: unset;
    margin-right: .5rem;
}

.input-checkbox .check-flex {
    gap: 0;
}

.aboutus-wrapper .about-second-field {
    grid-gap: 1.5rem;
}


.aboutus-wrapper .about-anyopneings {
    grid-gap: 1rem;
}

.basic-info-content-details .input-form {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.25rem;
}


.input-conatainer {
    gap: 0;
}

.input-conatainer label {
    margin-bottom: 0.5rem;
}

.next-btn {
    font-weight: 500;
    gap: 0;
}

.next-btn span {
    margin-right: .3125rem;
}

.back-btn {
    gap: 0;
}

.back-btn span {
    margin-left: .3125rem;
}

.skill-content {
    gap: 0;
}

.skill-content .back-btn {
    margin-top: 2rem;
}


.experince-details .edit-work-list {
    gap: 0;
    margin-left: 1.5rem;
}

.experince-details .edit-work-list .edit-delete {
    margin-left: 1rem;
}

.experince-details .edit-work-list .edit-delete {
    gap: 0;
}

.experince-details .edit-work-list .edit-delete a {
    margin-bottom: .5625rem;
}

.experince-details .edit-work-list .edit-delete a:last-child {
    margin-bottom: 0;
}


.experince-details .edit-work-list .work-name-list h3 {
    margin-bottom: .75rem;
}

.experince-details .edit-work-list .work-name-list {
    gap: 0;
}


.experince-details .expe-content {
    gap: 0;
}

.add-exp {
    gap: 0;
}

.add-exp .add-exp-btn {
    margin-top: 2rem;
}

.info-content {
    gap: 0;
}

.info-content .info-top-content {
    margin-bottom: 1.5rem;
}

.basic-info-content-details .title-basic-details {
    gap: 0;
}

.basic-info-content-details .title-basic-details h5 {
    margin-bottom: .1875rem;
}

.form-list .exp-list-form {
    grid-gap: 1.5rem;
}

.input-checkbox .check-flex label {
    margin-right: .5rem;
}

.bi-input {
    grid-gap: 1.5rem;
}

.contact-wrapper .support-tems-content .support-teams-details {
    grid-gap: 2.5rem;
    grid-row-gap: 1rem;
}


/* march-14------ */



.question-section .video-tools .tools-list .drop-link .dropdown {
    height: 100%;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu {
    box-shadow: 4px 6px 24px #55380910;
    border: 1px solid #F5F5F5;
    border-radius: .25rem;
    padding: .5rem 0;
    min-width: 12.5rem;
    width: 12.5rem;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding: .5rem 1.5rem .5rem .5rem;
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    justify-content: start;
    position: relative;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu .dropdown-item .drop-img {
    position: absolute;
    right: .5rem;
    margin-right: unset;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu .dropdown-item img {
    margin-right: 5px;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu .dropdown-item.active {
    background-color: transparent;
    color: #306FD3;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu li .dropdown-divider {
    margin: 0;
    border-color: #F5F5F5;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-toggle::after {
    display: none;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu .dropdown-item .tick {
    opacity: 0;
}


.question-section .video-tools .tools-list .drop-link .dropdown .dropdown-menu .dropdown-item.active .tick {
    opacity: 1;
}


.label-list-details {
    padding: 0 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.label-list-details:last-child {
    padding: 0;
}

.label-list-details .label-list {
    display: flex;
    align-items: center;
    padding: .25rem .375rem;
    border-radius: .3125rem;
}


.label-list-details .label-list.red {
    background-color: #FFF0F0;
}

.label-list-details .label-list p {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: .1875rem;
}


.label-list-details .edit-label {
    display: flex;
    align-items: center;
}

.label-list-details .edit-label a:last-child {
    margin-right: 0;
}

.label-list-details .edit-label a {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    margin-right: .75rem;
}

.label-list-details .edit-label a:hover {
    background-color: #F0F0F2;
}


.label-list-details .label-list.red {
    background-color: #FFF0F0;
}


.label-list-details .label-list.blue {
    background-color: #E8EFFF;
}


.label-list-details .label-list.green {
    background-color: #F0F4DE;
}


.label-list-details .label-list.yellow {
    background-color: #FFF8E8;
}

.label-list-details .label-list.dark-green {
    background-color: #DCFAF6;
}

.label-list-details .label-list.pink {
    background-color: #FFF0F9;
}

.label-list-details .label-list.orange {
    background-color: #FFF4E8;
}

.label-list-details .label-list.purple {
    background-color: #FFF2FF;
}

.drivers {
    width: fit-content !important;
}

/* march - 19 */

.interview-list-wrapper.without-login {
    display: flex !important;
    height: 100vh;
}

.without-login aside {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
}

.without-login .ai-right-content {
    padding-left: 3.3125rem !important;
    overflow: auto;
}


.search-text .upload-search-btn {
    gap: 0;
}

.search-text .upload-search-btn span {
    margin-right: .3125rem;
}


.meeting-interview-wrapper {
    grid-gap: 2.5rem;
}


.new-side aside .user-side-content .user-side-details a {
    gap: 2px;
}

.new-side aside .user-side-content .user-side-details a span {
    margin-right: .3125rem;
}

.grid-view.interview-content {
    grid-gap: 1rem;
}

.no-data-content {
    grid-gap: 2.5rem;
}


.field-list-tabs .field-tabs.grid {
    grid-gap: 1rem;
}


.field-list-tabs .field-tabs.grid.grid-5fr {
    grid-gap: 1rem;
}


.right-btm-list .count-list {
    grid-gap: .75rem;
}

.recuriter-openings-wrapper .interview-content .interview-list .sep-two {
    grid-gap: 2rem;
}

.btn-upload {
    gap: 0;
}

.btn-upload img {
    margin-right: .5rem;
}

.recuriter-openings-wrapper .interview-body .interview-url-field:hover {
    outline-width: 0;
    border-width: .125rem;
    border-color: #282322;
}


.img-crop-section .crop-content .sticky-footer .nav-container {
    gap: 0;
}

.img-crop-section .crop-content .sticky-footer .nav-container a {
    margin-right: 1rem;
}

.img-crop-section .crop-content .sticky-footer .nav-container a:last-child {
    margin-right: 0;
}


.upload-docs .setDisplay {
    margin-bottom: 1.5rem;
}

.upload-docs {
    gap: 0;
}

.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .progress-list .progress-bar::after {
    content: unset;
}


.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .progress-list .progress-bar .inner-progress {
    position: absolute;
    width: 75%;
    height: 100%;
    display: block;
    background: transparent linear-gradient(105deg, #4a982a 0%, #7de07d 100%);
    border-radius: .5rem;
    left: 0;
    top: 0;
}

.lower-font-weight {
    font-weight: 400;
}

.increase-font-weight {
    font-weight: 600;
}

.add-color {
    color: #FFFFFF;
}

.hover-change {
    background-color: #F0F0F2 !important;
    color: #282322 !important;
}

.hover-change:hover {
    background-color: #d9d9db !important;
}


/* march-26 */

.wave-container {
    display: flex;
    gap: 5px;
    margin-top: -1px;
}

.wave {
    width: 5px;
    height: 10px;
    background: black;
    animation: waveMove 1.5s infinite ease-in-out alternate;
}

.wave-upside-down {
    transform: rotateX(180deg);
}

@keyframes waveMove {
    0% {
        height: 55px;
    }

    100% {
        height: 17px;
    }
}

.white-space-wrap {
    white-space: nowrap;
}

.no-flex-wrap {
    flex-wrap: nowrap;
}

.align-centre {
    align-items: center;
}

.change-color {
    color: #F0F0F2 !important;
    background-color: #282322 !important;
}

.top-interview-details .add-needed-style {
    justify-content: center;
    margin-bottom: .75rem;
}

.top-interview-details .add-needed-style .daysLeft {
    color: #282322 !important;
    font-weight: 500 !important;
    font-size: .8125rem !important;
}

/* 01-04-2025 */

.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.recuriter-openings-wrapper .top-interview-details .interview-desc h3 a {
    display: block;
    color: #282322;
}

.recuriter-openings-wrapper .top-interview-details .interview-desc h3 {
    width: 100%;
}

.recuriter-openings-wrapper .top-interview-details .interview-desc h3 a:hover {
    text-decoration: underline;
}

.save-job {
    text-align: right;
    margin-bottom: 0.5rem;
}

.save-job a {
    display: inline-flex;
    justify-content: baseline;
    align-items: center;
    box-shadow: 4px 6px 24px #55380910;
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
    background-color: #F0F0F2;
    font-size: 0.875rem;
    font-weight: 500;
    color: #282322;
    text-decoration: none;
    transition: all 0.05s linear;
}

.save-job a span {
    margin-left: 0.3125rem;
}

.save-job a:hover {
    background-color: #E2E2E6;
}

.offcanvas.offcanvas-end.quickview-modal {
    width: 95%;
    max-width: 70rem;
}

.quickview-modal .offcanvas-header {
    padding: 1.25rem 1rem;
}

.quickview-modal .offcanvas-header h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #282322;
}

.btn-reg {
    height: 2.0625rem;
    padding-inline: 0.75rem;
    border-radius: 0.5rem;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-reg.btn-light {
    background-color: #F0F0F2;
    color: #282322;
}

.btn-reg.btn-light:hover {
    background-color: #d2d2d3;
}

.btn-reg.btn-black {
    background-color: #282322;
    color: #FFFFFF;
}

.btn-reg.btn-black:hover {
    background-color: #3f3b3a;
}

.quickview-detail {
    padding: 0.5rem;
}

.quickview-title {
    flex-wrap: nowrap !important;
    align-items: flex-start;
}

.quickview-title h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #282322;
    flex-grow: 1;
}

.quickview-title .save-job {
    position: static !important;
}

.quickview-detail .bottom-interview-details {
    padding: 0;
    border: 0;
    margin-bottom: 0.75rem;
}

.quickview-detail .sheduled-time {
    border-radius: .25rem;
    padding: .1875rem .5rem;
    min-height: 1.4375rem;
    display: flex;
    align-items: center;
    background-color: #F6E1FF;
    font-size: 0.8125rem;
    font-weight: 500;
}

.quickview-detail .left-bottom-details p {
    margin-left: 0.5rem;
    font-size: .75rem;
    color: #01754F;
    font-weight: 500;
}

.quickview-detail .description-interview p {
    font-size: 0.875rem;
    -webkit-line-clamp: none;
}

.quickview-detail .top-interview-details {
    padding: 1.5rem 0;
}

.quickview-list {
    margin-bottom: 0.75rem;
}

.quickview-list-col {
    margin-right: 2rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.quickview-list-col img {
    width: 1.2rem;
}

.quickview-list-col-detail {
    padding-left: 0.5rem;
}

.quickview-list-col-detail p {
    font-size: 0.875rem;
    margin-bottom: 0rem;
}

.quickview-list-col-detail span {
    font-size: 0.775rem;
    color: #919191;
}

.quickview-detail h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: 1rem;
}

.quickview-detail .course-list {
    margin-bottom: 1.5rem;
}

.benefits-perks p {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    font-weight: 400;
}

.left-list {
    position: relative;
}

.quickview-link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.top-interview-details {
    position: relative;
}

.wishlist-icon {
    position: relative;
    z-index: 5;
}

.remove-resize {
    resize: none !important;
}

.set-heading-desc-size {
    font-size: .75rem !important;
    color: #919191 !important;
    font-weight: normal !important;
}

.remove-background-clr {
    background-color: #F7F8FA !important;
    border: none !important;
}

.change-background-clr {
    background-color: #F7F8FA;
    border: 2px solid black;
    /* border: 2px solid #6610f2; */


}

/* 05-04-2025 */
.page-content {
    padding-inline: 0.75rem;
}

.page-note {
    background-color: #F6E1FF;
    border-radius: .25rem;
    padding: 0.25rem 0.5rem 0.1875rem;
    margin-bottom: 1.25rem;
}

.page-note p {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #282322;
}

.link-def {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-inline: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8758rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
}

.link-def img {
    margin-right: 0.3125rem;
}

.h-sm {
    height: 2rem;
}

.primary,
.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .report-btn.primary {
    background-color: #282322;
    color: #fff;
    border: 0;
}

.primary:hover,
.add-candidate-wrapper .candidate-tbl .table tbody tr td .download-content .report-btn.primary:hover {
    background-color: #474140;
}

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

.create-mock-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}

.create-mock-col {
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #F7F8FA;
}

.create-mock-head h4 {
    font-size: 1rem;
    font-weight: 500;
    color: #282322;
    margin-bottom: 0.3125rem;
}

.create-mock-head p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #919191;
    margin-bottom: 1.5rem;
}

.create-mock-col .upload-content {
    background-color: white;
    padding: 0;
    margin: 0;
    border-radius: 1.25rem;
}

.create-mock-col .btn-upload {
    height: 2.5625rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.create-mock-col .btn-upload img {
    height: 0.8125rem;
}

.create-mock-col .upload-content .upload-docs {
    gap: 0rem;
}

.create-mock-col .upload-content .upload-docs p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.input-group p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #282322;
    width: 100%;
    margin-bottom: 0.5rem;
}

.ig-row {
    position: relative;
    width: 100%;
}

.ig-row input,
.ig-row textarea {
    border: 1px solid #E3E3E5;
    border-radius: 8px;
    background-color: white;
    padding: 1rem;
    width: 100%;
}

.create-mock-col .ig-row textarea {
    height: 212px;
}

.ig-row input:focus,
.ig-row textarea:focus {
    outline: none;
    box-shadow: none;
}

.start-mock-interview a {
    min-width: 12.5rem;
    height: 3.0625rem;
}

.add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content .openings-title p {
    max-width: 37.5rem;
}

.ao-job-detail {
    background-color: #F3E8FF;
    border-radius: 0.25rem;
    padding: .75rem;
    margin: 1rem 0.75rem;
}

.ao-job-detail h4 {
    font-size: 1rem;
    font-weight: 500;
    color: #282322;
    margin-bottom: 0.5rem;
}

.ao-job-detail-row span {
    background-color: #DCC7FA;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-size: 0.75rem;
    font-weight: 400;
    color: #282322;
    margin-right: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.ao-job-detail-row span img {
    margin-right: 0.125rem;
}

@media screen and (max-width: 700px) {
    .create-mock-row {
        grid-template-columns: 1fr;
    }
}

.remove-a-hover:hover {
    text-decoration: none !important;
    cursor: default !important;
}

.col2 {
    grid-column: span 2;
}

.set-width-full {
    width: 100%;
}

.set-max-width {
    max-width: 350px !important;
}

.set-size {
    width: 15px;
    height: 15px;
}

.set-color {
    color: #009317;
}

.quick-view-img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
}

.remove-border {
    border: none !important;
}

.remove-align-item {
    align-items: center !important;
    gap: 15px !important;
    flex-direction: row !important;
}

.remove-margin {
    margin-bottom: 0px !important;
}

.remove-padding {
    padding: 0px !important;
}

.top-candidate-details {
    display: flex;
    flex-direction: column;
    padding: 1.0625rem 1.5rem 1.5rem;
    width: 100%;
    position: relative;
}

.set-align {
    align-items: start !important;
    margin-bottom: 0px !important;
}

.invite-interview-modal {
    width: 100% !important;
    max-width: 30rem;
    /* border-radius: 16px 0 0 16px; */
}

.interview-profile {
    display: flex;
    align-items: center;
}

.interview-profile-pic {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
}

.interview-profile-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.interview-profile-details h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: .25rem;
}

.interview-profile-details p {
    /* font-size: .875rem; */
    color: #282322;
}

.interview-profile-contact {
    display: flex;
    align-items: flex-start;
    gap: .25rem;
}

.interview-profile-contact img {
    margin-top: 2px;
}

.interview-profile-contact-detail p,
.interview-profile-contact-detail span {
    font-size: 14px;
    color: #282322;
    font-weight: 400;
    line-height: normal;
}

.bordered-btn {
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: 500 !important;
    border-radius: .5rem;
    text-decoration: none;
    color: #282322;
    font-weight: normal;
    border: 1px solid #E3E3E5;
    margin-inline: .75rem;
    line-height: 1;
    gap: 0.5rem;
}

.bordered-btn:hover {
    border-color: #282322;
}


.skills-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skills-tags span {
    padding: .0625rem .3125rem;
    border-radius: .75rem;
    background-color: #F4F4F5;
    margin-right: .5rem;
    font-size: .8125rem;
    color: #282322;
    font-weight: normal;
}

.invite-interview-accordion>button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: normal;
    font-size: 1.25rem;
    color: #282322;
    font-weight: 600;
    margin-bottom: 1rem;
}

.invite-interview-accordion>button img {
    min-width: 12px;
}

.job-entry {
    margin-bottom: 1rem;
    font-size: 14px;
    color: #1e1e1e;
}

.job-entry h3 {
    font-size: 14px;
    line-height: normal;
    color: #282322;
    margin-bottom: 4px;
    font-weight: 600;
}

.location {
    font-size: 12px;
    line-height: normal;
    color: #282322;
}

.invite-interview-modal .offcanvas-header {
    padding: 16px 24px;
    border-bottom: 1px solid #E3E3E5;
}


.invite-interview-modal .offcanvas-header .offcanvas-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #282322;
}

.ai-recommendation-detail.invite-interview-modal {
    max-width: 70rem;
    width: 95% !important;
}

.add-border-radius {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}

.add-font-weight {
    font-weight: 500;
}

.add-color {
    color: #E3E3E5;
    font-weight: 500;
}

.set-img-size {
    width: 12px;
    height: 12px;
}

.candidate-initial-div {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    margin-right: .5rem;
}

.candidate-initial-div p {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
}

.count-size {
    width: 1.245rem;
    height: 1.245rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.make-heading-sticky {
    position: sticky;
    top: 0;
    background-color: white;
}

.set-fixed-width-size {
    width: 90px;
}

.change-bg-clr {
    background-color: #F0F0F2 !important;
}

.change-bg-clr:hover {
    background-color: #e6e6eb !important;
}

.share-btn.quick-view-btn {
    width: 2.0625rem;
    padding: 0 !important;
    justify-content: center;
}

.set-fixed-height {
    height: 250px !important;
    overflow: scroll;
}

.set-sent-date-style {
    color: #919191;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

/* 25-04-25 */

.companies-tab-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 26px;
}

.companies-tab-top p {
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    color: #292322;
    max-width: 600px;
}

.companies-tab-top a {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #FFFFFF;
    padding: 8px 12px;
    background-color: #282322;
    border-radius: 8px;
    height: 32px;
    text-decoration: none;
    white-space: nowrap;
}

.companies-tab-top a:hover {
    background-color: #474140;
}

.companies-tab .candidate-tbl th {
    background-color: #F7FAFC;
    border: 0;
    border-bottom: 0 !important;
}


.col-span-2 {
    column-span: 2;
}

.create-company-title {
    max-width: 600px;
    margin-bottom: 32px;
}

.create-company-title h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #282322;
    margin-bottom: 5px;
}

.create-company-title p {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #292322;
}

.settings-btm a {
    white-space: nowrap;
}

.form-content .dropdown-item {
    font-size: 14px;
}

.Editemail {
    position: absolute;
    right: 14px;
}

.input-icon {
    min-width: 16px;
}

.change-text-color {
    color: #282322 !important;
}

.set-opacity-half {
    opacity: .5;
    cursor: default !important;
}

.set-align-item-candidateregister {
    align-items: flex-start !important;
}

.set-p-style-candidateregister {
    font-size: .75rem;
    color: #919191;
    font-weight: normal;
}

.set-settings-email-style {
    display: flex;
    align-items: flex-end;
}

.set-font-style {
    font-size: 16px;
    color: #306FD3;
}

.field-list-tabs {
    /* height: calc(100vh - 19rem); */
    overflow: auto;
}

.agent-left-full-list .agent-id-list {
    height: calc(100vh - 5rem);
    overflow: auto;
}

.set_acc_verified_style {
    color: #0EAC39 !important;
    font-weight: 400 !important;
}

.set-acc_verification_height {
    height: 2.5rem;
}

.add-flex-style {
    display: flex;
    gap: 10px;
    justify-content: end;
}

.remove-min-width {
    min-width: 0px !important;
}


.add-talents-button-style {
    margin-left: 1.5rem;
    background-color: #f0f0f200 !important;
}


.add-talents-button-style:hover {
    background-color: #F0F0F2 !important;
}

.set-tab-min-height {
    min-height: 16rem;
}

.showHighlight {
    outline: 1px solid #c1300f;
    border-radius: 4px;
}

.progress-loader {
    background-color: #282322;
    height: 100%;
}



/* 18.05.2025 */
.sortby-drop {
    margin-right: 0.5rem;
}

.sortby-drop .dropdown-toggle {
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 400;
    color: #919191;
    padding: 0.5rem;
    min-width: 172px;
    display: flex;
    gap: 0.25rem;
}

.sortby-drop .dropdown-toggle span {
    color: #282322;
}

.sortby-drop .dropdown-toggle img {
    margin-left: auto;
}

.sortby-drop .dropdown-toggle::after {
    display: none;
}

.sortby-drop .dropdown-toggle.show {
    border-radius: 0.3125rem 0.3125rem 0 0;
    box-shadow: 0px 2px 30px #00000024;
    background-color: white;

}

.sortby-drop .dropdown-menu {
    width: 100%;
    transform: translate3d(-0px, 37.2px, 0px) !important;
    border-radius: 0 0 0.3125rem 0.3125rem;
    border: 0;
    box-shadow: 0px 16px 30px #00000024;
}

.sortby-drop .dropdown-menu .dropdown-item {
    font-size: 0.8125rem;
    color: #333333;
    font-weight: 400;
    padding: 0.6125rem 0.5rem;
}

.sortby-drop .dropdown-menu .dropdown-item:hover {
    background-color: #F9F9FC;
    background-image: url(../img/tick.svg);
    background-position: right 0.875rem center;
    background-repeat: no-repeat;
}

.sortby-drop .dropdown-menu .dropdown-item.active {
    background-color: #F9F9FC;
    background-image: url(../img/tick.svg);
    background-position: right 0.875rem center;
    background-repeat: no-repeat;
}

.nodata-found {
    flex-direction: column;
    padding: 5rem 2rem;
}

.nodata-found h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #282322;
    margin-block: 1.5rem 0.2875rem;
}

.nodata-found p {
    font-size: 1rem;
    font-weight: 400;
    color: #282322;
    margin-block: 0rem 2rem;
}

.nodata-found-links a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    padding: 0 0.75rem;
    background-color: #F0F0F2;
    font-size: 0.875rem;
    color: #282322;
    font-weight: 500;
    border-radius: 0.5rem;
    text-decoration: none;
}

.nodata-found-links a:hover {
    background-color: #e3e3e3;
}

.nodata-found-links a.reset {
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    color: #fff;
}

.nodata-found-links a.reset:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.filtermodal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem;
}

.filter-form .form-content label {
    font-size: .75rem;
    margin-bottom: .3125rem;
    font-weight: normal;
}

.filter-form .form-list-grp {
    display: grid;
    gap: 1rem;
}

.filter-form .form-content input {
    height: 2.0625rem;
}

.filter-form .select-date {
    gap: .5rem;
}

.filter-form .select-date .dropdown {
    margin-left: 0;
    width: 100%;
}

.filter-form .select-date .dropdown .dropdown-toggle {
    height: 2.0625rem;
    color: #282322;
    font-size: 0.875rem;
}

.filter-form .select-date.grid-1 {
    grid-template-columns: 1fr;
}

.filter-form .select-date .dropdown .dropdown-toggle span {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 220px;
}

.filter-form .select-date .dropdown .dropdown-menu {
    width: 100%;
}

.filter-modal-drop .form-check .form-check-input {
    width: 0.9125rem;
    height: 0.9125rem;
    padding: 0;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    top: -0.15rem;
}

.filter-modal-drop .dropdown-menu {
    padding: 0.5rem;
}

.filter-modal-drop .form-check {
    padding: 0.3875rem 0.25rem 0.3875rem 1.75rem;
    border-radius: 0.5rem;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.filter-modal-drop .form-check:hover {
    background-color: #F4F4F5;
}

.form-check-input:checked {
    background-color: #282322;
    border-color: #282322;
}

.filter-form .filter-modal-drop .form-check-label {
    margin: 0;
    padding-left: 0.5rem;
    flex-grow: 1;
    cursor: pointer;
}

.filter-form .dropdown-item {
    font-size: 0.875rem;
}

.select-date-range {
    max-width: 70%;
}

.job-type-btn {
    justify-content: flex-start;
    align-items: center;
    gap: 0.75rem;
}

.job-type-btn button {
    height: 2.0625rem;
    border-radius: 0.5rem;
    border: 1px solid #BABABA;
    padding-inline: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #282322;
    background-color: white;
}

.job-type-btn button:hover {
    background-color: #F4F4F5;
}

.filter-location-list {
    gap: 0.3875rem;
    margin-top: 0.5rem;
}

.filter-location-list-col {
    height: 1.25rem;
    background-color: #F4F4F5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 0.3125rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #282322;
    border-radius: 0.25rem;
}

.filter-location-list-col a {
    margin-left: 0.25rem;
}

.filter-location-list-col a img {
    width: 0.5rem;
}

.set-new-company-style {
    width: 20px !important;
    margin-left: 5px;
}

.set-quick-view-a {
    cursor: pointer !important;
}

.ai-recommendation-detail.new-company-modal {
    max-width: 50rem;
    width: 95% !important;
}

.new-company-modal .offcanvas-header {
    padding: 16px 24px;
    border-bottom: 1px solid #E3E3E5;
}


.new-company-modal .offcanvas-header .offcanvas-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #282322;
}

.set-cursor-style-default {
    cursor: default !important;
}

/* 27-05-2025 */
.ai-content-speech {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.ai-content-speech-lft {
    width: 6rem;
    flex-shrink: 0;
}

.ai-content-speech-rht {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.5rem;
}

.meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control .mic-logo img {
    height: 0.9125rem;
}

.availabl-confirm {
    position: absolute;
    right: 0.75rem;
    bottom: 4.5rem;
    background-color: #0B0B0BF2;
    max-width: 65%;
    padding: 1rem 1rem 1.5rem;
    border-radius: 0.5rem;
}

.availabl-confirm p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1.5rem;
}

.availabl-confirm-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.availabl-confirm-link a {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    margin-left: 2rem;
    text-decoration: none;
}

.question-section h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #282322;
    margin-bottom: 0.75rem;
}

.new-candidate-page-block-div {
    background-color: black;
    opacity: .5;
    z-index: 26;
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
}

.new-candidate-highlight-resume-field {
    position: relative;
    z-index: 27;
}

.new-candiate-save-resume-field {
    z-index: 27;
}

.new-company-highlight-field {
    position: relative;
    z-index: 27;
    background-color: white;
}

.new-company-highlight-field-btn {
    position: relative;
    z-index: 27;
    background-color: white;
    border-radius: .5rem;
}


.nodata-found .para {
    margin-bottom: 0.2875rem !important;
}

.add-flex-style-for-button {
    display: flex;
    align-items: center;
    justify-content: center;
}


input.error {
    border-color: red !important;
}

input.errorr {
    border-color: red !important;
}

a.error {
    border-color: red !important;
}

div.error {
    border-color: red !important;
}

label.error {
    border-color: red !important;
}

p.textarea.error {
    border-color: red !important;
}

textarea.error {
    border-color: red !important;
}

.no-data-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
    place-items: center;
    height: 100%;
    align-content: center;
}


.no-data-content .right-data {
    max-width: 600px;
    margin: auto;
    text-align: center;
}

.no-data-content .right-data h3 {
    font-size: 1.25rem;
    color: #282322;
    font-weight: bold;
    margin-bottom: 0.3875rem;
}

.no-data-content .right-data p {
    font-size: 1rem;
    font-weight: normal;
    color: #282322;
}


.no-data-content .left-data {
    margin: 0 auto;
}

.no-data-content .left-data img {
    max-width: 270px;
}


.set-background-to-grey {
    background-color: #F4F4F5 !important;
    margin: 1rem 0rem !important;
}


.no-background-color {
    background-color: transparent !important;
    padding: 0.25rem 0rem !important;
}


/* 30-05-2025 */
.deletecompany.modal.send-modal .modal-body {
    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
}

.deletecompany .close-modal {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background-color: transparent;
    border: 0;
}

.deletecompany h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #282322;
    margin-bottom: 0.5rem;
}

.deletecompany p {
    font-size: 1rem;
    font-weight: 400;
    color: #272322;
    margin-bottom: 2rem;
}

.deletecompany .btn-upload {
    padding: 0.5rem 0.75rem;
    height: auto;
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 100px;
}



/* 02-06-2025 */

.range-slider {
    --range-slider-common-height: 0.875rem;
    --range-slider-handle-width: 1.25rem;
    --range-slider-handle-height: 1.25rem;
    position: relative;
    display: flex;
    align-items: center;
    width: 99%;
    height: 100%;
    margin-block: 1rem;
}

.range-slider>div {
    position: absolute;
    display: flex;
    align-items: center;
    left: 13px;
    right: 15px;
    height: var(--range-slider-common-height);
}

.range-slider>div>.range-slider-val-left,
.range-slider>div>.range-slider-val-right,
.range-slider>div>.range-slider-val-range {
    height: 10px;
}

.range-slider>div>.range-slider-val-left {
    position: absolute;
    left: 0;
    border-radius: 10px;
    background-color: #ccc;
    margin: 0 7px;
}

.range-slider>div>.range-slider-val-right {
    position: absolute;
    right: 0;
    margin: 0 7px;
    border-radius: 10px;
    background-color: #ccc;
}

.range-slider>div>.range-slider-val-range {
    position: absolute;
    left: 0;
    top: -1px;
    height: 0.875rem;
    border-radius: 1.875rem;
    background-color: #282322;
}

.range-slider>div>.range-slider-handle {
    z-index: 1;
    position: absolute;
    top: -4px;
    margin-left: -11px;
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border-radius: 50%;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    outline: none;
    cursor: pointer;
}

div.range-slider>input[type=range]::-ms-thumb {
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border: 0 none;
    border-radius: 0px;
    background: red;
    pointer-events: all;
}

div.range-slider>input[type=range]::-moz-range-thumb {
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border: 0 none;
    border-radius: 0px;
    background: red;
    pointer-events: all;
}

div.range-slider>input[type=range]::-webkit-slider-thumb {
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border: 0 none;
    border-radius: 0px;
    background: red;
    pointer-events: all;
    -webkit-appearance: none;
}

div.range-slider>input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div.range-slider>input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

.range-slider>input[type=range] {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: var(--range-slider-common-height);
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    pointer-events: none;
    -webkit-appearance: none;
}

div.range-slider>input[type=range]::-ms-track {
    background: transparent;
    color: transparent;
    -webkit-appearance: none;
}

div.range-slider>input[type=range]::-moz-range-track {
    background: transparent;
    color: transparent;
    -moz-appearance: none;
}

div.range-slider>input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div.range-slider>input[type=range]:focus {
    outline: none;
}

div.range-slider>input[type=range]::-ms-tooltip {
    display: none;
}

.range-slider>div>.range-slider-tooltip {
    z-index: 2;
    position: absolute;
    top: -42px;
    margin-left: -12px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    background-color: #282322;
    color: #fff;
    text-align: center;
    opacity: 0;
}

.range-slider>div>.range-slider-tooltip:after {
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: #282322;
    border-radius: 16px;
}

.range-slider>div>.range-slider-tooltip>span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
}

.range-slider:hover>div>.range-slider-tooltip {
    opacity: 1;
}

.range-text-row {
    position: relative;
    width: 100%;
}

.range-text {
    position: absolute;
    font-size: 0.875rem;
    font-weight: 400;
    top: -0.5rem;
    display: inline;
}

.range-text-left {
    left: 0;
}

.range-text-right {
    right: 0;
}

.set-text-align-left {
    text-align: left !important;
}

.company-default-img-div {
    background-color: #F4F4F5;
    border-radius: 50cm;
    align-items: center;
    display: flex;
    justify-content: center;
}

.company-default-img-div img {
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
}

.set-justify-start {
    justify-content: start !important;
}

.set-error-div-style {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
}

.set-err-border-style {
    border: 1px solid red !important;
}

/* 05-06-2025 */

.candt-dashbrd {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 24px;
    border-top: 1px solid #E3E3E5;
}

.graph-card,
.summary-card {
    border: 1px solid #E3E3E5;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.graph-img {
    margin: auto;
    width: 160px;
}

.graph-card-last .graph-img {
    width: 230px;
}

.graph-img img {
    max-width: 100%;
}

.graph-card-icn-flexx {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.graph-card-icn {
    background: transparent linear-gradient(131deg, #FFF6DD 0%, #FFEBE2 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    border-radius: 4px;
    padding: 6px;
    display: grid;
    place-items: center;
}


.graph-card-icn img {
    width: 20px;
    height: 20px;
}


.graph-card-icn-flexx p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #282322;
}

.profile-score-card {
    padding: 30px 24px 24px 24px;
    border-radius: 8px;
    border: 1px solid #E3E3E5;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-row: span 2;
}

.profile-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.info h2 {
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    color: #282322;
    margin-bottom: 3px;
    text-align: center;
}

.info h2 span {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #282322;
}

.role {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #919191;
    margin-bottom: 8px;
    text-align: center;
}

.contact-link {
    display: block;
    width: fit-content;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #306FD3;
    text-decoration: none;
    margin-bottom: 5px;
    margin-inline: auto;
}

.contact-link:hover {
    text-decoration: underline;
}

.confidence {
    text-align: left;
    margin-top: 15px;
    border-block: 1px solid #E3E3E5;
    padding-block: 16px;
    margin-bottom: 16px;
    width: 100%;
}

.confidence .label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #282322;
    margin-bottom: 20px;
}

.confidence-bar {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 6px;
    line-height: 1;
}

.confidence-bar .value {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    color: #282322;
}

.progress {
    height: 8px;
    background-color: #F1F3F7;
    border-radius: 8px;
    overflow: hidden;
}

.fill {
    height: 100%;
    background-color: #1A7970;
    border-radius: 8px;
}

.progress-labels {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #919191;
    margin-top: 6px;
}

.job-match {
    width: 100%;
}

.job-match h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #282322;
    margin-bottom: 20px;
}

.match-score {
    background-color: #D1F8E6;
    color: #1A7971;
    font-weight: bold;
    padding: 11px;
    border-radius: 4px;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 6px;
    text-align: center;
}

.match-note {
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #919191;
}

.summary-card {
    grid-column: span 3;
}


.summary-card .top-interview-details>p {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 17px;
}


.summary-card .top-interview-details h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #282322;
    margin-bottom: 8px;
}

.summary-card .top-interview-details .course-list p {
    padding: 2px 8px;
}

.summary-banner {
    grid-column: span 2;
    position: sticky;
    top: 24px;
    height: fit-content;
}

.summary-banner .screen-video-content {
    margin-bottom: 1rem;
}

.summary-banner img {
    max-width: 100%;
}


.qa-container {
    grid-column: span 2;
}

.qa-head {
    font-size: 16px;
    font-weight: 600;
    color: #282322;
    line-height: 22px;
    grid-column: 1/-1;
}

.question {
    font-size: 14px;
    font-weight: 500;
    color: #282322;
    line-height: 19px;
    margin-bottom: 8px;
}

.answer-box {
    border: 1px solid #E3E3E5;
    border-radius: 8px;
    padding: 16px;
}

.answer-box:hover {
    border: 1px solid #282322;

}

.timestamp {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #1A7971;
    display: block;
    margin-bottom: 8px;
}

.answer {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E3E3E5;
}



.ai-eval strong {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #282322;
}

.ai-eval p {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #282322;
}

.qa-card {
    margin-bottom: 24px;
}

.qa-card:last-of-type {
    margin-bottom: 0;
}

.download-pdf {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #282322;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    color: #282322;
    text-decoration: none;
    min-width: max-content;
}

.download-pdf:hover {
    background-color: #F0F0F2;
}


.search-close-btn {
    position: absolute;
    right: 6px;
    top: 9px;
    cursor: pointer;
}

.close-btn {
    position: absolute;
    right: 6px;
    top: 9px;
    cursor: pointer;
}

.hidden {
    display: none;
}


.section-block {
    padding: 16px;
    margin-bottom: 20px;
    background-color: #F7F8FA;
    border-radius: 0.5rem
}

.section-title h3 {
    font-size: 1rem;
    margin-bottom: 8px;
    color: #282322;
    font-weight: 500;
}

.section-description {
    font-size: 14px;
    margin-bottom: 16px;
    color: #919191;
}

.preference-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 40px;
}

.preference-option {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 6px;
}

.checkbox-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

.preference-option label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.checkbox-right input {
    cursor: pointer;
}

.section-subtitle {
    margin-bottom: 8px;
    color: #282322;
    font-weight: 600;
    font-size: 0.7rem;
}

.remove-margin-block {
    margin-block: 0px !important;
}

.add-padding-right {
    padding-right: 1rem;
}

/* 13-06-2025 */
.contact-container {
    max-width: 40rem;
    margin: 7.5rem auto 2rem;
    text-align: center;
}

.contact-logo {
    display: inline-block;
    margin-bottom: 2.5rem;
}

.contact-container p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #282322;
    margin-bottom: 0.5rem;
    text-align: center;
}

.contact-container p a {
    font-weight: 600;
    color: #282322;
}

.about-container {
    max-width: 62.5rem;
    margin: 5rem auto 2rem;
}

.about-container h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #282322;
    margin-bottom: 1.125rem;
    text-align: center;
}

.about-container p {
    font-size: 1.25rem;
    font-weight: 400;
    color: #282322;
    margin-bottom: 1.125rem;
}

.about-container p span {
    font-weight: 600;
}

.about-container h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #282322;
    text-align: center;
    margin-top: 2.5rem;
}

.ai-dropdown-toggle {
    background: transparent linear-gradient(124deg, #6737BF 0%, #0AA4DD 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
}

.grid-date-day .days-left p {
    color: #282322 !important;
}



.view-flexx {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.view-flexx .view-btn {
    background-color: #F0F0F2;
    padding: 6px;
    border-radius: 3px;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.view-flexx .view-btn:hover,
.view-flexx .view-btn.active {
    background-color: #282322;
}

.view-flexx .view-btn img:first-of-type {
    display: none;
}

.view-flexx .view-btn:hover img:first-of-type,
.view-flexx .view-btn.active img:first-of-type {
    display: block;
}

.view-flexx .view-btn:hover img:last-of-type,
.view-flexx .view-btn.active img:last-of-type {
    display: none;
}

.acces-job .dropdown-menu {
    width: 100%;
}

.acces-job .dropdown-menu a {
    justify-content: start;
}

.bottom-interview-details {
    gap: .75rem;
}

.recuriter-openings .full-recuriter-candiadte-list {
    align-items: start;
    gap: 12px;
}

.recuriter-openings .apply-btn img {
    margin-left: auto !important;
}

.quick-view-margin-right {
    margin-right: .5rem;
}

.recruit-open-dropdown {
    flex-wrap: nowrap;
    position: relative;
}

.recruit-open-dropdown .apply-btn {
    flex-grow: 1;
    margin: 0;
    border-radius: .5rem 0 0 .5rem;
}

.recruit-open-dropdown .apply-btn img {
    margin-left: 0 !important;
}

.recruit-open-dropdown .drop-btn {
    flex-shrink: 0;
    width: auto !important;
    background-color: #282322;
    box-shadow: 4px 6px 24px #55380910;
    padding: 0 .9375rem;
    border-radius: 0 .5rem .5rem 0;
    margin: 0;
    position: static;
}

.recruit-open-dropdown .drop-btn:hover {
    background-color: #3f3b3a;
}

.recruit-open-dropdown .dropdown-menu {
    transform: translate(0, 35px) !important;
}

.video-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 0 24px 24px 24px;
    /* border-top: 1px solid #E3E3E5; */
}

.video-container .summary-banner {
    width: 670px;
    height: 515px;
}


.video-container .qa-container {
    height: 515px;
    overflow: auto;
}

.set-interview-image-width {
    width: 96px;
}

.remove-background-clr-before-sign-in {
    background-color: transparent !important;
}

.remove-background-clr-before-sign-in:hover {
    background-color: #F0F0F2 !important;
}

.change-background-clr-before-sign-in {
    background-color: #F0F0F2 !important;
}

/* Custom tooltip width using Bootstrap 5's custom class - Jun25 */
.wide-tooltip .tooltip-inner {
    max-width: 500px;
    white-space: normal;
    text-align: left;
}

.videoplayer-line {
    display: flex;
    align-items: center;
    position: relative;
}

.videoplayer-line::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #000000;
    border-radius: 50%;
    position: absolute;
    right: 0;

}

.change-job-edit-modal-width {
    max-width: 55rem !important;
}

/* 2-07-2025  footer changes*/
footer.flex {
    border-top: 1px solid #E3E3E5;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1rem;
}

footer.flex-dupe {
    display: flex;
    border-top: 1px solid #E3E3E5;
    justify-content: space-between;
    align-items: center;
}

footer p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #282322;
}

.social-link a {
    margin-right: 0.9125rem;
}

.social-link a:last-child,
.footer-links a:last-child {
    margin: 0;
}

.footer-links a {
    font-size: 0.875rem;
    font-weight: 400;
    color: #282322;
    margin-left: 0.9125rem;
    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

.nodata-found h3 {
    font-size: 1.25rem;
}

.ql-toolbar {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-color: #E3E3E5 !important;
}

.ql-container {
    border-bottom: 0 !important;
    border-color: #E3E3E5 !important;
    height: 300px !important;
    color: #282322 !important;
}

.field-tabs .position-relative .ql-container {
    border-bottom: 0 !important;
    border-color: #E3E3E5 !important;
    height: 216px !important;
    color: #282322 !important;
}

.crate-own-generateBtn-div {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid #E3E3E5;
    border-left: 1px solid #E3E3E5;
    border-bottom: 1px solid #E3E3E5;
    display: flex;
    justify-content: end;
    padding: 10px;
}

#jobDescParentDiv #quillEditor {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom: 1px solid #E3E3E5 !important;
}

.ql-editor {
    font-family: "Inter", serif !important;
}

.ql-snow .ql-editor h1,
.ql-editor h1 {
    font-size: 24px !important;
    color: #282322 !important;
}

.ql-snow .ql-editor h2,
.ql-editor h2 {
    font-size: 20px !important;
    color: #282322 !important;
}

.quickview-detail .ql-snow .ql-editor {
    white-space: normal !important;
}

.ql-snow .ql-editor p,
.ql-editor p {
    font-size: 14px !important;
    color: #282322 !important;
}

.set-font-style-in-recommendation {
    color: #282322;
}

.openings-title p {
    margin-top: 4px;
}

.set-font-style-in-detail {
    font-size: .75rem;
    color: #282322;
    font-weight: normal;
}

/* jul-28 percentage style */


.percentage-outer-div {
    width: 59px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.resume-invite-btn .percentage-outer-div {
    width: 59px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .75rem;
}

.percentage-image {
    width: 9px;
    height: 9px;
    background: transparent;
}

.percentage-para {
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
}

.heading-for-percentage {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.grid-view-percentage {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-instruction-error {
    border: 1px solid red;
    border-radius: 8px;
}

.instruction-top-div {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 8px;
}

.set-toolbar-flex {
    display: flex;
    align-items: center;
}

.set-word-count-in-toolbar {
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 8px;
}

.set-instruction-reason-div {
    padding: 8px;
    margin: 10px;
    background-color: #FFEDED;
    border: none;
    border-radius: 8px;
    padding: 10px;
    display: block;
    font-size: 13px;
    line-height: normal;
    font-weight: normal;
    color: #c1300f;
}

.set-logout-footer-padding {
    padding: .9rem 2.5rem !important;
}

.set-text-transform-none {
    text-transform: none !important;
}

.edit-talent-settings-bg {
    background-color: #f0f0f200 !important;
}

.set-table-heading-filter {
    display: flex;
    align-items: center;
    gap: 8px;

}

.set-talent-list-height {
    min-height: 150px;
}

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


/*  Aug-13 (chat window dashboard changes below) */

.ai__container-fluid {
    padding: 40px;
    background: #006CFF00 linear-gradient(180deg, #006CFF00 0%, #EB7EFF34 49%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    background-size: 100% calc(100vh - 56px);
}

.ai__container-fluid--bg-none {
    background: none;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: calc(100vh - 56px);
    overflow: hidden;
}

.ai__container {
    max-width: 800px;
    margin: 0 auto 80px;
    flex-grow: 1;
    width: 100%;
}

.ai__title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: #282322;
    text-align: center;
    margin-bottom: 40px;
}

.ai__form {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 32px #00000008;
    height: 160px;
    overflow: hidden;
    padding: 12px;
    border: 1px solid #E6E6EB;
}

.ai__textarea {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    resize: none;
    outline: none;
}

.ai__form-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.ai__button {
    padding: 8px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    color: #282322;
    text-decoration: none;
    height: 33px;
    position: relative;
}

.ai__button input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.ai__button--grey {
    background-color: #F8F9FA;
    border: 1px solid #EDF0F2;
}

.ai__button--grey:hover {
    background-color: #E9ECEF;
    transition: all 0.05s linear;
}

.ai__button--black {
    background-color: #282322;
    padding: 8px;
    margin-left: auto;
}


.ai__button--black:hover {
    background-color: #3f3b3a;
    transition: all 0.05s linear;
}

.ai__recruiters-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #282322;
    margin-bottom: 29px;
}

.ai__recruiters-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 18px;
}

.ai__recruiter-card {
    border: 1px solid #F1F4F7;
    border-radius: 12px;
    overflow: hidden;
    padding: 24px;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: grid;
}

.ai__recruiter-card:hover {
    padding: 12px;
}


.ai__recruiter-card--variant1 {
    background-image: url(../../anyopenings/img/linear-card-bg.png);
}

.ai__recruiter-card--variant2 {
    background-image: url(../../anyopenings/img/linear-card-bg2.png);
}

.ai__recruiter-card--variant3 {
    background-image: url(../../anyopenings/img/linear-card-bg.png);
}

.ai__recruiter-card--variant4 {
    background-image: url(../../anyopenings/img/linear-card-bg3.png);
}

.ai__recruiter-card--variant5 {
    background-image: url(../../anyopenings/img/linear-card-bg4.png);
}

.ai__recruiter-card--variant6 {
    background-image: url(../../anyopenings/img/linear-card-bg5.png);
}

.ai__recruiter-card-inner {
    background-color: #ffffff;
    padding: 19px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ai__recruiter-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.ai__recruiter-avatar {
    width: 48px;
    min-width: 48px;
    height: 48px;
    background-color: #F1F4F7;
}

.ai__recruiter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ai__recruiter-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #282322;
}

.ai__recruiter-icon {
    margin-left: auto;
}

.ai__recruiter-description {
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    color: #282322;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}


.ai__recruiter-stats {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    color: #1A7971;
}

.ai__top {
    padding: 32px 40px;
    background-color: #F7F8FA;
    display: flex;
    align-items: center;
    gap: 16px;
}

.ai__top-avatar {
    width: 74px;
    height: 74px;
    min-width: 74px;
    border-radius: 4px;
    overflow: hidden;
}

.ai__top-avatar img {
    width: 100%;
    height: 100%;
}

.ai__top-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #282322;
    margin-bottom: 4px;
}

.ai__top-description {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #282322;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.ai__top-stats {
    padding: 8px 6px;
    background-color: #D1F8E6;
    border-radius: 4px;
    min-width: 76px;
}

.ai__top-stats-number {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #1A7971;
    text-align: center;
}

.ai__top-stats-label {
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    color: #1A7971;
    text-align: center;
}

.ai__cahtbox-container {
    width: 100%;
    max-width: 800px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 0 auto 0;
    gap: 12px;
    overflow: auto;
    height: 100%;
    scrollbar-width: none;
}

.ai__cahtbox-container-fluid {
    padding: 40px 40px 24px 40px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.ai__cahtbox-container .ai__form {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    min-height: 160px;
}

.ai__chat--receive {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #282322;
    padding: 12px;
    background-color: #ffffff;
    width: 100%;
}

.ai__chat--send {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #282322;
    padding: 12px;
    background-color: #F7F8FA;
    border-radius: 8px;
    width: max-content;
    max-width: 75%;
    margin-left: auto;
}

.preferences {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.preferences__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    color: #d1d5db;
    cursor: pointer;
    transition: color 0.2s;
    display: grid;
}

.preferences__close-btn img {
    width: 16px;

}

.preferences__close-btn:hover {
    color: #374151;
}


.preferences__form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.preferences__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.preferences__label {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

.preferences__select-wrapper {
    position: relative;
    display: flex;
}

.preferences__select {
    width: 100%;
    height: 40px;
    padding: 0 32px 0 12px;
    font-size: 14px;
    color: #000;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    outline: none;
    appearance: none;
}

/* .preferences__select:focus {
    border-color: #6b7280;
    box-shadow: 0 0 0 1px #6b7280;
} */

.preferences__select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.preferences__select-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(107, 114, 128, 0.8);
    pointer-events: none;
}

.preferences__textarea {
    min-height: 96px;
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    color: #000;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    resize: none;
    outline: none;
    scrollbar-width: none;
}

.preferences__textarea::placeholder {
    color: #9ca3af;
}

/* 
.preferences__textarea:focus {
    border-color: #6b7280;
    box-shadow: 0 0 0 1px #6b7280;
} */

.preferences__submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    width: 100%;
    padding: 0 24px;
    background: #000;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}

.preferences__submit-btn img {
    width: 16px;
}

.preferences__submit-btn:hover {
    background: #111;
}

.preferences__submit-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.dasboard-company-initial {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282322;
    margin-bottom: .5rem;
}

.dasboard-company-initial p {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.dasboard-avatar-img-div img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
}

.ai-chat-resume-div {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.file-left-content .ai-chat-resume-file-content {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
}

.file-details .ai-chat-resume-file-name {
    font-size: 13px !important;
    margin-bottom: 0px !important;
}

#resumeUploadLoader {
    display: flex;
    align-items: center;
    gap: .8rem;
    background-color: #F8F9FA;
    border: 1px solid #EDF0F2;
    padding: 4px 8px;
    border-radius: 4px;

}

#resumeUploadLoader .file-img {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
}

.ai-chat-resume-div #removeResume {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
}

.ai-chat-resume-div #removeResume img {
    width: 60%;
}

/* 19-08-2025 */
.settings-company__header {
    height: 56px;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #E3E3E5;
    padding: 0.6125rem;
    flex-wrap: nowrap;
}

.settings-company__header a {}

.settings-company__logo {
    margin-inline: 0.5rem;
}

.settings-company__title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #282322;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settings-company__main {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.settings-company__sidebar {
    width: 240px;
    flex-shrink: 0;
    padding: 1rem;
    height: calc(100vh - 56px);
    overflow: auto;
}

.settings-company__sidebar a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #E3E3E5;
    font-size: 0.875rem;
    font-weight: 500;
    color: #282322;
    flex-direction: column;
    margin-bottom: 0.5rem;
    text-decoration: none;
}

.settings-company__sidebar a span {
    font-size: 0.75rem;
    font-weight: 400;
    color: #919191;
    margin-top: 0.3125rem;
}

.settings-company__sidebar a:hover,
.settings-company__sidebar a.active {
    background-color: #F7F8FA;
}

.settings-company__details {
    border-left: 1px solid #E3E3E5;
    width: 100%;
    flex-grow: 1;
    height: calc(100vh - 56px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.settings-company__details__form {
    padding: 1.5rem;
    width: 100%;
}

.settings-company__details__form h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #282322;
    margin-bottom: 1.5rem;
}

.settings-company__details__section {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #E3E3E5;
}

.settings-company__details__input input,
.settings-company__details__textarea textarea {
    width: 100%;
    border: 0;
    font-size: 1.25rem;
    font-weight: 500;
    color: #292322;
}

.settings-company__details__textarea textarea {
    padding-block: 1rem;
    height: 200px;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.settings-company__details__input input:focus,
.settings-company__details__textarea textarea:focus {
    outline: none;
    box-shadow: none;
}

.settings-company__details__input input::placeholder {
    color: #919191;
}

.settings-company__details__footer {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    width: 100%;
    left: 0;
    box-shadow: 0px -3px 6px #0000000D;
    background-color: white;
    z-index: 5;
    padding: 0.75rem 2rem 0.75rem 1rem;
    justify-content: flex-start;
    align-items: center;
}

.settings-company__details__footer p {
    font-size: 1rem;
    font-weight: 400;
    color: #282322;
    margin: 0;
}

.settings-company__details__footer__button {
    margin-left: auto;
    flex-wrap: nowrap;
}

.settings-company__details__footer__button button {
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    background-color: #F0F0F2;
    font-size: 0.875rem;
    font-weight: 400;
    color: #282322;
    margin-right: 0.75rem;
}

.settings-company__details__footer__button button.save {
    background-color: #282322;
    color: #fff;
}

.settings-configure-btn {
    box-shadow: 4px 6px 24px #55380910;
    height: 2.0625rem;
    background-color: #F0F0F2;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    color: #282322;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none;
    width: 150px;
    gap: 5px;
    justify-content: center;
}


.linkedinpost-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #282322;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    color: #282322;
    text-decoration: none;
    min-width: max-content;
}

.linkedinpost-btn:hover {
    background-color: #F0F0F2;
}