@media screen and (max-width: 1500px) {
    .login-left-details {
        padding: 3rem .5rem;
    }
}


@media screen and (max-width: 1200px) {
    .video-container .summary-banner {
        width: 500px;
        height: 407px;
    }

    .video-container .qa-container {
        height: 407px;
    }
}


@media screen and (max-width: 1380px) {
    .info-wrapper {
        padding: .5rem 4rem 2rem;
    }

    .ai-right-content .right-content-wrapper {
        padding: 1rem 1rem 0rem;
    }

    .ai-right-content .right-content-wrapper .chat-ai {
        gap: 2rem;

    }

    .chat-ai .input-content {
        padding-bottom: 1rem;
    }

    .input-tools .search-item-list a {
        font-size: .875rem;
        height: 2rem;
    }

    .linear-bottom.ai-linear {
        height: 15rem;
    }

    .placeholder {
        font-size: 1rem;
    }

    .user-side-content {
        padding: 1rem;
    }

    .info-content .info-tabs a::after {
        right: -1.8125rem;
    }

    .info-content .info-tabs {
        gap: 0rem;
    }

    .info-content .info-tabs a {
        width: unset;
        max-width: 17.5rem;
    }

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

    .skill-list-add .skills-list p {
        font-size: .875rem;
    }

    .info-content .info-tabs a .tab-list-detail p {
        font-size: .875rem;
    }

    .info-content .info-tabs a .tab-list-detail h3 {
        font-size: .75rem;
    }

    .info-wrapper {
        padding: .5rem 2.5rem 2rem;
    }

    .fetch-content img {
        height: 11rem;
    }

    .data-fetch .fetch-content {
        gap: 2rem;
    }

    .data-fetch .fetch-details {
        gap: 1.5rem;
    }

    .data-fetch {
        gap: 2.375rem;
    }
}

@media screen and (max-width: 1300px) {
    /* .bottom-link {
        margin-top: unset;
    } */

    .left-bottom-content {
        margin-top: 8%;
    }

}

/* new-style--- */
@media screen and (max-width: 1000px) {
    .login-left-details {
        display: none;
    }

    .login-wrapper {
        grid-template-columns: 1fr;
    }

    .form-list .exp-list-form {
        grid-template-columns: 1fr;
    }

    .input-checkbox .check-flex {
        margin-top: 0;
    }

    .confetti-active canvas {

        left: 0 !important;
    }

    .meeting-interview-wrapper {
        grid-template-columns: 1fr;
    }
}


@media screen and (max-width: 900px) {
    .video-container .summary-banner {
        width: 400px;
        height: 345px;
    }

    .video-container .qa-container {
        height: 345px;
    }
}

@media screen and (max-width: 800px) {

    .video-container {
        grid-template-columns: 1fr;
    }

    .video-container .summary-banner {
        width: 100%;
        height: auto;
        grid-column: span 1/-1;
    }

    .video-container .qa-container {
        width: 100%;
        height: auto;
        grid-column: span 1/-1;
    }
}

@media screen and (min-width: 800px) {
    .side-hide {
        display: none;
    }

}

@media screen and (max-height: 800px) {
    .experince-details {
        height: calc(100vh - 25rem);
    }

    .input-anime-container input {
        height: 3.75rem;
    }

    .linear-bottom {
        height: 10rem;
    }

    .page-wrapper {
        height: auto;
    }

    .page-wrapper.bg-img {
        height: 100vh;
    }

    .fetch-content img {
        height: 11rem;
    }

    .data-fetch .fetch-content {
        gap: 2rem;
    }

    .data-fetch .fetch-details {
        gap: 1.5rem;
    }

    .data-fetch {
        gap: 2.375rem;
    }

    /* new-style--- */

    .input-content {
        bottom: 1rem;
    }

    .bottom-link {
        position: static;
        margin-top: 1rem;
    }

    .login-right-details {
        padding: 1rem 1rem;
    }

    .form-list {
        gap: 1rem;
    }

    /* 
    .button-list {
        gap: 1rem;
    } */

    .right-content-details {
        /* gap: 1rem; */
    }

    .right-content-details h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .left-content-desc {
        max-width: 100%;
        gap: 1rem;
    }

    .line-sep-center {
        margin-bottom: 1rem;
    }

    .left-content-details {
        gap: 1rem;
    }

    .left-bottom-content .left-bottom-details {
        gap: 1rem;
    }

    .left-bottom-content {
        gap: 1rem;
    }

    .header-logo {
        width: 12rem;
        height: 12rem;
    }

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

}


@media screen and (max-width: 800px) {
    .dashboard-details .looking-details {
        padding: 1rem 1.5rem;
    }

    aside {
        display: none;
    }

    .ai-right-content {
        padding-left: 0;
    }

    .linear-bottom.ai-linear {
        height: 16rem;
    }

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

    .interview-list-wrapper,
    .ai-wrapper {
        grid-template-columns: 1fr !important;
    }

    .candidate-w {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .ms-auto {
        margin-left: unset !important;
    }

    .navbar-nav {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-upload {
        min-width: unset;
        width: auto;
    }

    .header-offcanvas .btn-upload {
        background-color: #827e7e36;
    }

    .header-offcanvas .btn-upload:hover {
        background-color: #827e7e47;
    }
}


@media screen and (max-width: 700px) {
    .info-wrapper {
        padding: .5rem 1rem 4rem;
    }

    .basic-info-content-details .input-form {
        padding: 1.125rem 1rem;
    }
}


@media screen and (max-width: 600px) {
    .navbar {
        padding: 2rem 1rem;
    }

    .dashboard-details {
        grid-template-columns: 1fr;
    }

    .input-anime-container input {
        height: 3.75rem;
    }

    .linear-bottom {
        height: 10rem;
    }

    .input-tools .search-item-list a {
        height: 2rem;
        padding: 0 0.5rem;
    }

    .chat-ai .input-content {
        padding-bottom: 1.5rem;
    }

    footer {
        padding: 1rem 1rem;
    }

    .basic-info-content-details .input-form {
        grid-template-columns: 1fr;
    }

    .basic-info-content-details .input-form {
        padding: 1.125rem 0rem;
    }

    .experince-details {
        height: auto;
    }

    .page-wrapper {
        height: auto;
    }

    .page-wrapper.bg-img {
        height: 100vh;
    }

    .foot-content {
        flex-direction: column;
    }

    .foot-content p {
        border-right: 0;
        text-align: center;
    }

    .desc-text.input-conatainer {
        grid-column-end: unset;
    }

    .input-anime-container input {
        height: 3.75rem;
    }

    .ai-right-content .right-content-wrapper {
        height: auto;
    }

    /* new-style--- */
    .input-content {
        bottom: 1rem;
    }

    .input-tools .search-item-list {
        gap: 0.7rem;
    }

    .left-bottom-details {
        width: 100%;
        justify-content: space-between;
    }

    .bottom-interview-details {
        flex-direction: column;
        align-items: start;
    }

    .forword-btn-list {
        width: 100%;
    }

    .forword-btn-list a {
        width: 100%;
    }
}


@media screen and (max-width: 500px) {
    .msg-details .msg-content {
        justify-content: start;
    }

    .msg-details .cancel {
        position: static;
    }

    .example-give {
        grid-template-columns: 1fr;
    }

    .acces-job {
        flex-direction: column;
    }

    .head-recommend h1 {
        font-size: 1.5rem;
        line-height: normal;
    }

    .recommended-content {
        gap: 1.5rem;
    }

    .linear-bottom.ai-linear {
        height: 16rem;
    }

    /* new-style--- */
    .bottom-link {
        position: static;
    }

    .right-content-details h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .right-content-details {
        gap: 1rem;
    }
}


@media screen and (max-width: 430px) {
    .next-btn span {
        display: none;
    }

    .foot-recommend a {
        margin-right: 0.5rem;
    }

    .bottom-interview-details {
        padding: 1rem;
    }
}

@media screen and (max-width: 600px) {

    .form-url,
    .ai-modal-grd {
        grid-template-columns: 1fr;
    }

    .form-url .col3 {
        grid-column: auto;
    }

    .interview-body .accordion-item {
        padding: 20px 20px 20px 16px;
    }

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


/* 17-01-2025 */


@media screen and (max-width: 430px) {
    .foot-recommend a {
        margin-right: 0.5rem;
    }

    .bottom-interview-details {
        padding: 1rem;
    }

    .offcanvas-body .user-side-content .ai-create-btn span {
        display: none;
    }

    .offcanvas-body .user-side-content .ai-create-btn {
        min-width: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }
}




@media screen and (max-width: 900px) {
    .dashboard-wrapper .dashboard-group {
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
    }

    .dashboard-wrapper .dashboard-group .dashboard-list-dream h1,
    .dashboard-wrapper .dashboard-group .dashboard-list-ai h1 {
        margin-bottom: 1.25rem;
        font-size: 2rem;
    }

    .applicant-list {
        margin-bottom: 2rem;
    }

    .search-text .placeholder-text span {
        font-size: 1rem;
    }

    .search-text .placeholder-text .dropdown .dropdown-toggle {
        font-size: 1rem;
    }

    .dashboard-wrapper {
        padding: 2.5rem 1.5rem 1.5rem;
    }
}

@media screen and (max-width: 600px) {
    .dashboard-wrapper {
        padding: 2.5rem 1rem;
    }

    .search-text .placeholder-text .dropdown .dropdown-menu {
        min-width: 23.25rem;
    }
}

@media screen and (max-width: 380px) {
    .applicant-details {
        flex-direction: column;
    }

    .search-text .placeholder-text .dropdown .dropdown-menu {
        min-width: 18.25rem;
    }
}

@media screen and (max-width: 1380px) {
    .ready-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* @media screen and (min-width: 1000px) and (max-width: 1040px)  {
    .ready-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
} */

@media screen and (min-width: 800px) and (max-width: 1000px) {
    .ready-list {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media screen and (max-width: 800px) {
    .ready-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .interview-list-wrapper .interview-header .head-logo {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .ready-list {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media screen and (max-width: 600px) {
    .ready-to-interview .ready-list .days-left {
        margin-left: auto;
    }
}




/* ----------jan-22 */

@media screen and (max-width: 800px) {

    .interview-list-wrapper .interview-header.new-header {
        display: flex;
    }
}



@media screen and (max-width: 1040px) {
    .agent-wrapper {
        display: block;
    }

    .agent-right-side .top-head.no-list {
        display: none;
    }

    .agent-left-side .top-head .head-content {
        display: block;
    }

    .agent-left-side .top-head h5 {
        display: none;
    }

    .agent-left-side .top-head .save-btn {
        display: flex;
    }

    .agent-wrapper .agent-right-side {
        border-left: 0;
    }

    .agent-tabs.nav-tabs {
        top: 0;
    }
}


@media screen and (max-width: 800px) {
    .agent-wrapper .agent-left-side .agent-link-list {
        flex-direction: row;
        overflow: auto;
    }

    .agent-wrapper .agent-left-side .agent-link-list .agent-select-grp {
        margin-bottom: 0;
        margin-right: .75rem;
    }

    .agent-wrapper .agent-left-side .agent-link-list .agent-select-grp:last-child {
        margin-right: 0;
    }

    .agent-wrapper .agent-left-side {
        display: block;
    }

    .agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp a {
        width: auto;
    }

    .agent-wrapper .agent-left-side .agent-left-full-list .agent-btn-grp {
        justify-content: end;
    }

    .create-agent-modal .modal-dialog .modal-content .modal-body .agent-link-list.grid-2 {
        grid-template-columns: 1fr;
    }

    .create-agent-modal .modal-dialog .modal-content {
        height: auto;
    }

    .agent-tabs.nav-tabs {
        top: 3.5rem;
    }
}


@media screen and (max-height: 700px) {
    .interview-list-wrapper {
        height: auto;
    }

    .h-100vh {
        height: 100vh !important;
    }

    .bottom-link {
        margin-top: 0.75rem;
    }
}




@media screen and (max-width: 500px) {
    .field-list-tabs .field-tabs.grid {
        grid-template-columns: 1fr;
    }

    .field-list-tabs .field-tabs.grid.grid-5fr {
        grid-template-columns: 1fr;
    }

    .create-agent-modal .modal-dialog .modal-content .modal-footer {
        padding: 0 1rem 1rem;
    }

    .create-agent-modal .modal-dialog .modal-content .modal-body {
        padding: 1rem 1rem;
    }

    .create-agent-modal .modal-dialog .modal-content .modal-header {
        padding: 1rem;
    }
}


/* ------jan-24 */

@media screen and (max-width: 1000px) {
    .aboutus-wrapper {
        padding: 2.5rem 1rem;
    }

    .interview-list-wrapper {
        height: auto;
    }
}


@media screen and (max-height: 800px) {
    .sigup-wrapper .login-left-details {
        padding: 1rem 1rem;
    }

    .Exp-modal .modal-dialog {
        height: 100%;
        margin-top: 0;
        padding-top: 0rem;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .Exp-modal .modal-dialog .modal-content .modal-footer {
        padding: 1rem;
        border-top: 0;
    }
}


@media screen and (max-height: 750px) {
    .contact-wrapper .contact-title h3 {
        margin-bottom: 1rem;
        /* font-size: 1.25rem; */
    }

    .contact-wrapper .support-tems-content {
        margin: 0 auto 1.375rem;
    }

    .contact-form .name-form-content {
        margin-bottom: .75rem;
    }

    .contact-form .form-content {
        margin-bottom: .75rem;
    }

    .contact-form .submit-btn {
        margin-top: 1rem;
    }

    .contact-wrapper .contact-form {
        padding: 1rem;
    }

    .contact-wrapper {
        padding: 1rem 1rem;
    }

    .contact-wrapper .support-tems-content .support-teams-details {
        row-gap: 0.5rem;
    }

    .contact-wrapper .support-tems-content h3 {
        margin-bottom: .5rem;
    }
}

@media screen and (max-height: 700px) {
    .bottom-link {
        margin-top: .75rem;
    }

    .right-content-details .form-list .form-content {
        margin-bottom: .75rem;
    }

    .right-content-details .form-list .name-form-content {
        margin-bottom: .75rem;
    }

    .right-content-details h2 {
        margin-bottom: .75rem;
    }

    .right-content-details {
        margin-bottom: 0;
    }

    .button-grp-list {
        margin-bottom: .75rem;
    }

    .right-content-details .form-list {
        margin-bottom: .75rem;
    }

    .sigup-wrapper .login-left-details {
        padding: .75rem 1rem;
    }

    .login-right-details {
        padding: .75rem 1rem;
    }

    .sigup-wrapper .login-left-details .login-left-content .ai-bot-img {
        bottom: 1.5rem;
    }

    .sigup-wrapper .login-left-details .login-left-content .ai-bot-img img {
        width: 7.5rem;
    }
}

@media screen and (max-width: 800px) {
    .aboutus-wrapper .aboutus-banner {
        margin-bottom: 2rem;
    }

    .aboutus-wrapper .about-anyopneings {
        margin-bottom: 2rem;
        grid-template-columns: 1fr;
    }

    .aboutus-wrapper .about-story {
        margin-bottom: 2rem;
    }
}


@media screen and (max-width: 600px) {
    .aboutus-wrapper .about-environment .environment-img {
        grid-template-columns: 1fr;
    }

    .contact-wrapper .contact-form {
        padding: 1.5rem;
    }

    .contact-wrapper .support-tems-content {
        margin-bottom: 1.75rem;
    }

    .contact-wrapper .contact-title h3 {
        margin-bottom: 1.75rem;
    }
}



@media screen and (max-width: 450px) {
    .contact-form .name-form-content {
        flex-direction: column;
    }

    .contact-form .name-form-content .form-content {
        margin-right: 0;
        margin-bottom: 1.25rem;
    }

    .contact-form .name-form-content .form-content:last-child {
        margin-bottom: 0;
    }

    .contact-wrapper .support-tems-content .support-teams-details {
        grid-template-columns: 1fr;
    }
}

/* --------jan-28---- */



@media screen and (max-width: 1240px) {
    .grid-view.interview-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 900px) {
    .grid-view.interview-content {
        grid-template-columns: repeat(1, 1fr);
    }
}



@media screen and (max-height: 800px) {
    .applicant-list {
        margin-bottom: 0;
    }

    .dashboard-wrapper {
        padding: 1rem 2.5rem 1rem;
    }
}


@media screen and (max-width: 800px) {
    .right-link-group .link-list {
        display: none;
    }

    .ai-right-content .ai-header.responsive-head {
        display: flex;
    }

    .grid-view.interview-content {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (max-width: 670px) {
    .grid-view.interview-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .recommendation-job {
        width: 100%;
        flex-direction: row;
    }

    .acces-job.recommendation-job a {
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .acces-job.recommendation-job a:last-child {
        margin-right: 0;
    }
}



@media screen and (max-width: 500px) {
    .signin-right-side .right-content-details {
        padding: 2rem 1rem 0;
    }

    .otp-login {
        padding-top: 2rem;
        justify-content: start;
    }
}


@media screen and (max-width: 450px) {
    .signin-right-side .right-content-details .signin-field {
        grid-template-columns: 1fr;
    }
}


@media screen and (max-width: 400px) {
    .recommendation-job {
        width: 100%;
        flex-direction: column;
    }

    .acces-job.recommendation-job a {
        margin-bottom: 1rem;
        margin-right: 0;
    }

    .acces-job.recommendation-job a:last-child {
        margin-bottom: 0;
    }
}

/* -----jan-29 */

@media screen and (max-width: 450px) {
    .right-link-group .btn-link-list a.logout-btn span {
        display: none;
    }
}

@media screen and (max-height: 700px) {

    .dashboard-wrapper .dashboard-group .dashboard-list-dream h1,
    .dashboard-wrapper .dashboard-group .dashboard-list-ai h1 {
        margin-bottom: 1rem;
        font-size: 1.70rem;
    }

    .dashboard-wrapper .dashboard-group {
        margin-bottom: 1.5rem;
    }

    .applicant-list p {
        margin-bottom: 1rem;
    }

    .sigup-wrapper .login-left-details .login-left-content .signup-title {
        margin-bottom: 1rem;
    }

    .solution-list .solution-content {
        margin-bottom: 1rem;
    }

    .signin-right-side .right-content-details {
        padding-top: 6rem;
    }

    .candidate-login {
        padding-top: 12px;
    }

    .otp-login {
        padding-top: 3.5rem;
    }

    .right-content-details {
        gap: 4px;
    }
}

@media screen and (max-width: 430px) {
    .offcanvas-body.res-login .user-side-content .ai-create-btn span {
        display: block;
    }

    .offcanvas-body.res-login .user-side-content .ai-create-btn {
        min-width: unset;
        width: 100%;
        height: 2.5rem;
    }
}

/* ------jan-30 */

@media screen and (max-height: 700px) {
    .interview-end-wrapper {
        padding: 2.5rem 1rem;
    }

    .share-modal .modal-dialog .modal-content .modal-header {
        padding: .875rem 1.5rem;
    }

    .share-modal .modal-dialog .modal-content .modal-body {
        padding: .875rem 2.5rem;
    }

    .share-modal .modal-dialog .modal-content .modal-footer {
        padding: .875rem 1rem;
    }

    .share-modal .modal-dialog .modal-content .modal-footer .share-link-list span {
        margin-top: .25rem;
    }

    .share-modal .modal-dialog {
        margin: .75rem auto;
    }
}

@media screen and (max-width: 800px) {
    .ai-right-content .ai-header.logo-none a.logo-img {
        display: block;
    }

    .ai-right-content .ai-header h3 {
        display: none;
    }
}


@media screen and (max-width: 600px) {
    .feedback-content .qusetion-ans-field .answer-field {
        grid-template-columns: 1fr;
    }

    .feedback-content {
        flex-direction: column;
    }

    .feedback-content .question-field {
        width: 100%;
        min-width: unset;
        flex-direction: row;
        overflow: auto;
        margin-bottom: 1rem;
        top: 3.5rem;
    }

    .feedback-content .qusetion-ans-field {
        margin-left: 0;
    }

    .right-link-group .btn-link-list .percentage-field {
        display: none;
    }

    .interview-end-wrapper {
        padding: 2.5rem 1rem;
    }

    .share-modal .modal-dialog .modal-content .modal-body {
        padding: 1rem;
    }

    .share-modal .modal-dialog .modal-content .modal-body .certified-bg {
        padding: 1.9375rem 2.5rem 2rem;
    }
}


@media screen and (max-width: 500px) {
    .result-content .question-attended {
        grid-template-columns: 1fr;
    }


    .share-modal .modal-dialog .modal-content .modal-footer .share-link-list {
        margin-right: 1.5rem;
    }
}


@media screen and (max-width: 450px) {
    .share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details {
        display: grid;
        gap: .75rem;
        width: 100%;
        grid-template-columns: 1fr;
    }

    .share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .certificate-date {
        align-items: center;
    }

    .share-modal .modal-dialog .modal-content .modal-body .certified-bg .bottom-details .logo-img {
        margin: 0 auto;
    }

    .share-modal .modal-dialog .modal-content .modal-body .certified-bg .candidate-details {
        margin-bottom: 2.25rem;
    }
}


@media screen and (max-width: 400px) {
    .share-modal .modal-dialog .modal-content .modal-body .certified-bg {
        padding: 1.9375rem 2.7rem 2rem;
    }

    .share-modal .modal-dialog .modal-content .modal-body .certified-bg .certified-title {
        align-items: center;
    }
}



/* Feb-1 */

@media screen and (max-height: 850px) {
    .question-ai {
        margin-top: .75rem;
        padding: .75rem;
    }

    .question-ai .question-field {
        margin-bottom: 0;
    }

    .question-ai .question-head {
        margin-bottom: .5rem;
    }

    .video-wrapper .interview-cofig.interview-start .left-video-content {
        padding: 1rem;
    }
}


@media screen and (max-height: 800px) {
    .intro-video-modal .modal-dialog {
        padding: 0rem;
    }

    .intro-video-modal .modal-dialog .modal-content .modal-header {
        padding: 1rem;
    }

    .intro-video-modal .modal-dialog .modal-content .modal-body {
        padding: 1rem;
    }

    .intro-video-modal .modal-dialog .modal-content .modal-body .video-preview {
        height: calc(100vh - 13rem);
    }

    .intro-video-modal .modal-dialog .modal-content .modal-body .video-preview img {
        height: 100%;
        object-fit: contain;
    }

    .video-wrapper .interview-cofig.interview-start .left-video-content .screen-video-content .img-video {
        height: calc(100vh - 19rem);
    }
}

@media screen and (max-height: 700px) {
    .dashboard-wrapper .dashboard-group {
        margin-bottom: 1.5rem;
    }

    .dashboard-wrapper .dashboard-group .dashboard-list-dream h1,
    .dashboard-wrapper .dashboard-group .dashboard-list-ai h1 {
        margin-bottom: 1rem;
    }

    .applicant-list p {
        margin-bottom: 1rem;
    }
}

@media screen and (max-height: 680px) {
    .filter-details .dropdown .dropdown-menu {
        height: 18.75rem;
        overflow: auto;
        padding: 1rem 1rem 0;
    }

    .filter-details .dropdown .dropdown-menu .apply-btn {
        padding: 1rem 0;
    }
}


@media screen and (max-height: 600px) {

    .dashboard-wrapper .dashboard-notify {
        margin-bottom: 1rem;
    }

    .dashboard-wrapper .dashboard-notify .notify-details {
        padding: .5rem 1rem;
    }

    .dashboard-wrapper .dashboard-notify .notify-details p {
        font-size: .75rem;
    }

}

@media screen and (max-height: 580px) {
    .search-text textarea {
        height: 10.5rem;
    }

    .applicant-details {
        padding: 4px 1.5rem;
    }

    .search-text {
        height: 10.5rem;
    }
}

@media screen and (max-width: 800px) {
    .aboutus-wrapper .about-second-field {
        margin-bottom: 2rem;
        grid-template-columns: 1fr;
    }

    .about-us-bottom p {
        margin-bottom: 2.5rem;
    }

    .aboutus-wrapper {
        padding: 2.5rem 1rem !important;
    }
}


@media screen and (max-width: 600px) {
    .intro-video-modal .modal-dialog .modal-content .modal-body {
        padding: 1rem;
    }
}


@media screen and (max-width: 500px) {
    .intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .ext-video span {
        display: none;
    }

    .intro-video-modal .modal-dialog .modal-content .modal-body .preview-details .ext-video {
        padding: 0 .75rem;
    }
}

@media screen and (max-width: 560px) {
    .interview-field-wrapper {
        padding: 0 2rem;
    }
}

/* feb-6 */

@media screen and (max-height: 680px) {
    .applicant-list .reviews-content p {
        margin-bottom: 0;
    }
}

@media screen and (max-height: 680px) {

    .dashboard-wrapper .dashboard-group.mb-64 {
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-height: 680px) {
    .dashboard-title h1 {
        font-size: 2rem;
    }

    .textarea-inner-content .inner-details p {
        font-size: .75rem;
    }

    .new-side aside .sticky-aside {
        height: calc(100vh - 13rem);
        overflow: auto;
    }
}

@media screen and (max-height: 620px) {
    .search-text textarea {
        height: 13rem;
    }

    .search-text {
        height: 13rem;
    }
}




@media screen and (max-height: 580px) {
    .search-text textarea {
        height: 12.5rem;
    }

    .search-text {
        height: 12.5rem;
    }

    .applicant-details {
        padding: .75rem 1.5rem;
    }
}

@media screen and (max-height: 550px) {
    .search-text textarea {
        height: 10.5rem;
    }

    .search-text {
        height: 10.5rem;
    }
}


@media screen and (max-width: 1230px) {
    .add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1000px) {
    .without-login aside {
        display: block;
    }

    .interview-list-wrapper.without-login {
        grid-template-columns: auto 1fr !important;
        display: grid;
    }

    .without-login .side-hide {
        display: none !important;
    }

    aside {
        display: none;
    }

    .ai-right-content .ai-header.responsive-head {
        display: flex;
    }

    .side-hide {
        display: block !important;
    }

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

    .interview-list-wrapper,
    .ai-wrapper {
        display: flex;
    }

    .add-candidate-wrapper .openings-head-content .right-copy-link-header .link-details {
        display: flex;
        white-space: nowrap;
    }

    .add-candidate-wrapper .openings-head-content .right-list-btn a span {
        display: block;
    }

    .add-candidate-wrapper .openings-head-content .right-list-btn a {
        width: auto;
    }
}


@media screen and (max-width: 1070px) {
    .bottom-interview-details .left-bottom-details {
        flex-direction: column;
        align-items: start;
    }

    .left-bottom-details .apply-invited-list {
        margin-left: 0;
        margin-top: .75rem;
    }
}


@media screen and (max-width: 950px) {
    .recuriter-openings-wrapper .openings-head-content {
        grid-template-columns: 1fr;
    }
}


@media screen and (max-width: 900px) {
    .dashboard-wrapper.px-40 {
        padding-inline: 1.5rem;
    }
}


@media screen and (max-width: 700px) {
    .add-candidate-wrapper .full-recuriter-candiadte-list {
        display: block;
        align-items: start;
    }

    .add-candidate-wrapper .right-openings-side {
        margin-left: auto;
        margin-top: .75rem;
        padding-left: .75rem;
    }
}

@media screen and (max-width: 600px) {
    .textarea-inner-content {
        overflow-x: auto;
        width: 100%;
    }

    .textarea-inner-content .inner-details {
        min-width: 120px;
    }

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

    .left-bottom-details .apply-invited-list {
        margin-left: .75rem;
        margin-top: 0;
        white-space: nowrap;
    }

    .right-openings-side a.create-btn span {
        display: none;
    }

    .right-openings-side a span {
        display: none;
    }

    .right-openings-side a.filter-btn {
        width: 2rem;
    }

    .add-candidate-wrapper .openings-head-content .right-openings-side a span {
        display: block;
    }

    .add-candidate-wrapper .openings-head-content .right-list-btn a {
        width: auto;
    }

    .add-candidate-details {
        max-width: 100%;
    }

    .dashboard-wrapper.px-40 {
        padding-inline: 1rem;
    }

}


@media screen and (max-width: 500px) {
    .bottom-interview-details .left-bottom-details {
        flex-direction: column;
        align-items: start;
    }

    .left-bottom-details .apply-invited-list {
        margin-left: 0;
        margin-top: .75rem;
    }

    .add-candidate-wrapper .openings-head-content .right-copy-link-header .link-details {
        display: none;
    }

    .bottom-interview-details .left-bottom-details p {
        margin-left: 0;
        margin-top: 1rem;
    }


}

@media screen and (max-width: 400px) {
    .recommendation-job {
        gap: .75rem;
    }

    .top-interview-details .interview-desc.res-flex {
        flex-direction: column;
        align-items: start;
    }

    .top-interview-details .interview-desc .company-named {
        margin-left: 0;
        margin-top: .375rem;
    }
}

/* ------feb-10 */




@media screen and (max-height: 762px) {

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list {
        margin-bottom: 1rem;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field {
        margin-bottom: 1rem;
    }
}



@media screen and (max-height: 705px) {
    .interview-link-wrapper .guide-lines-field .right-guide-content {
        padding: 1rem;
    }
}


@media screen and (max-height: 680px) {
    .interview-link-wrapper .guide-lines-field .right-guide-content {
        padding: 1rem;
    }

    .interview-link-wrapper .guide-lines-field {
        /* height: auto; */
        padding: 1rem 0;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content h5 {
        margin-bottom: .75rem;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field {
        margin-bottom: 1rem;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list {
        margin-bottom: 1rem;
    }

    .h-res {
        height: auto;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-notify-field .notify-field-list {
        padding: .75rem;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list .guide-line-items {
        margin-bottom: .5rem;
    }
}




@media screen and (max-height: 800px) {
    .meeting-interview-wrapper {
        height: calc(100vh - 16.1rem);
    }

    .question-section .subtitle-section p {
        font-size: .875rem;
    }

    .question-section .subtitle-section {
        padding: 0.5rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-height: 573px) {
    .interview-link-wrapper .interview-link-field {
        padding: 1.5rem 1rem;
    }

    .interview-link-wrapper .interview-link-field .right-link-content {
        padding: 1.5rem;
    }

    .interview-link-wrapper .interview-link-field .right-link-content .inner-link-content {
        height: 100%;
    }

    .interview-link-wrapper .interview-link-field .right-link-content .inner-link-content .supported-browser {
        margin-bottom: 2rem;
    }

    .interview-link-wrapper .interview-link-field .right-link-content .inner-link-content h6 {
        margin-top: auto;
    }
}


@media screen and (max-height: 580px) {
    .question-section {
        padding: .75rem 1rem;
    }

    .meeting-interview-wrapper {
        height: auto;
    }

    .question-section .video-tools {
        padding: .5rem 1.75rem;
    }
}


@media screen and (max-height: 550px) {
    .meeting-interview-wrapper {
        height: auto;
    }
}


@media screen and (max-width: 1000px) {
    .px-80 {
        padding: 0;
    }

    .interview-link-wrapper .interview-link-field {
        padding: 2.5rem 1rem;
    }

    .interview-link-wrapper .interview-link-field .right-link-content {
        padding: 2rem 1.5rem;
    }

    .interview-link-wrapper .interview-link-field .left-link-content {
        padding: 2rem 1.5rem;
    }

    .interview-link-wrapper .guide-lines-field {
        padding: 1rem 1rem;
    }

    .candidate-no-sidebar .add-candidate-wrapper.recuriter-openings-wrapper .openings-head-content {
        padding-inline: 1rem;
    }

    .meeting-interview-wrapper {
        padding: .75rem 1rem !important;
        grid-template-columns: 1fr;
    }

    .meeting-interview-wrapper .ai-content-interview {
        position: absolute;
        width: 15.625rem;
        height: 15.625rem;
        top: 2.25rem;
        right: 2.25rem;
        z-index: 2;
        border-radius: .5rem;
        flex-direction: column;
    }

    .meeting-interview-wrapper .ai-content-interview .name-lable {
        position: static;
    }

    .meeting-interview-wrapper .ai-content-interview .ai-content-wave {
        height: 10rem;
    }

    .meeting-interview-wrapper .ai-content-interview .name-lable {
        padding: 1rem 1rem;
        height: 2.5rem;
    }

    .meeting-interview-wrapper .ai-content-interview .name-lable p {
        font-size: 1rem;
    }

    .meeting-interview-wrapper .ai-content-interview .ai-content-wave .ai-logo-content {
        width: 3.75rem;
        height: 3.75rem;
    }

    .meeting-interview-wrapper .ai-content-interview .ai-content-wave .ai-logo-content p {
        font-size: 1rem;
    }

    .question-section {
        padding: 1.5rem 1rem;
    }

    .question-section .video-tools .tools-list {
        width: 100%;
        justify-content: end;
    }

    .meeting-interview-wrapper {
        height: calc(100vh - 24.913rem);
    }
}


@media screen and (max-width: 850px) {
    .interview-link-wrapper .interview-link-field {
        grid-template-columns: 1fr;
        height: calc(100vh - 9rem);
    }

    .interview-link-wrapper .guide-lines-field {
        grid-template-columns: 1fr;
        padding: 1rem 1rem;
        gap: 1.5rem;
    }

}




@media screen and (max-width: 850px) {
    .meeting-interview-wrapper .ai-content-interview {
        width: 10.625rem;
        height: 9.625rem;
    }

}



@media screen and (max-width: 650px) {
    .question-section .video-tools {
        flex-direction: column;
        align-items: start;
    }

    .question-section .video-tools .tools-list {
        margin-top: 1rem;
        justify-content: center;
    }


    .interview-link-wrapper .interview-link-field .left-link-content {
        display: none;
    }

    .interview-link-wrapper .interview-link-field {
        padding: 1.5rem 1rem;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content {
        padding: 1.5rem 1rem;
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .guide-line-list {
        margin-bottom: 1rem;
    }

    .interview-link-wrapper .guide-lines-field {
        height: auto;
    }

    .h-res {
        height: auto;
    }

    .question-section .subtitle-section p {
        font-size: .75rem;
    }

    .question-section .subtitle-section {
        padding: 0.5rem;
        margin-bottom: 12px;
    }

    .question-section {
        padding: 1rem;
    }

    .question-section .video-tools {
        padding: .75rem 1.25rem;
    }

    .question-section .video-tools .recording-time {
        width: 100%;
        justify-content: space-between;
    }

    .interview-link-wrapper .interview-link-field {
        height: calc(100vh - 11rem);
    }

    .interview-link-wrapper .guide-lines-field .right-guide-content .join-now-btn {
        width: 100%;
        position: sticky;
        bottom: .625rem;
    }

}


@media screen and (max-width: 500px) {
    .meeting-interview-wrapper .candidate-content-interview .label-voice-content .name-lable {
        padding: 1rem 1rem;
    }

    .meeting-interview-wrapper .candidate-content-interview .label-voice-content .voice-control {
        padding: 1rem 1rem;
    }

    .meeting-interview-wrapper .candidate-content-interview .label-voice-content .name-lable p {
        font-size: 1rem;
    }

}

@media screen and (max-height: 680px) {
    .new-side aside .sticky-aside {
        height: auto;
        overflow: unset;
    }
}


@media screen and (max-height: 600px) {
    .new-side aside .sticky-aside {
        height: auto;
        position: static;
        overflow: unset;
    }

    .new-side aside .sticky-aside-bottom {
        position: static;
        margin-top: 0;
    }

    .sidebar-ai {
        position: sticky;
        top: 0;
        max-height: 100vh;
        height: 100%;
    }

    .new-side aside .sidebar-res {
        overflow: auto;
    }
}

/* ------Feb-13 */

@media screen and (max-width: 1290px) {

    .desc-list-item .items-list {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }
}


@media screen and (max-height: 680px) {
    .desc-list-item {
        margin-top: 1rem;
    }

    .dashboard-wrapper .dashboard-group.mb-64 {
        margin-bottom: 0;
    }
}


@media screen and (max-height: 800px) {
    .dashboard-wrapper .dashboard-group.mb-64 {
        margin-bottom: .75rem !important;
    }
}

/* -----Feb-17 */


@media screen and (max-width: 640px) {
    .img-crop-section .crop-content .sticky-footer {
        margin-left: -16px;
        margin-right: -16px;
    }
}



@media screen and (max-width: 800px) {
    .img-crop-section .crop-content {
        max-width: 100%;
    }

}

/* --------Feb-19 */


@media screen and (max-width: 1000px) {
    .recuriter-openings-wrapper .agent-tabs.nav-tabs {
        top: 3.5rem !important;
    }
}

@media screen and (max-width: 600px) {
    .settings-form-grp .bi-form {
        grid-template-columns: 1fr;
    }
}


@media screen and (max-width: 400px) {
    .settings-content .settings-form-grp .form-content .tri-form {
        grid-template-columns: 1fr;
    }

    .settings-content .upload-input-hide .uplod-intro-video {
        flex-direction: column;
    }

    .settings-content .upload-input-hide .uplod-intro-video .upload-file-content {
        margin-left: 0;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 1000px) {
    .settings-btm {
        left: 0rem;
        width: 100%;
    }
}

/* --------Feb-21 */

@media screen and (max-width: 600px) {
    .right-openings-side a.filter-btn span {
        display: none !important;
    }
}




@media screen and (max-height: 700px) {
    .link-share-modal.modal .modal-dialog {
        display: flex;
        height: 100%;
        align-items: center;
        width: 100%;
        justify-content: center;
        margin: 0 auto;
    }
}



@media screen and (max-width: 1300px) {

    .right-details-content {
        overflow: auto;
        z-index: 100;
    }
}


@media screen and (max-width: 1096px) {
    .recuriter-openings-wrapper .interview-content .interview-list .sep-two {
        grid-template-columns: 1fr 0.5fr;
    }
}



@media screen and (max-width: 1070px) {
    .bottom-interview-details .left-bottom-details {
        flex-direction: row;
    }
}


@media screen and (max-height: 800px) {
    .recuriter-openings-wrapper .play-video-confe .left-video-content .title-link {
        position: static;
        padding: 0;
    }


}



@media screen and (max-width: 645px) {
    .link-share-modal.modal .modal-dialog {
        display: flex;
        height: 100%;
        align-items: center;
        width: 100%;
        justify-content: center;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .talents-content .talents-list .talent-list-detail .resume-invite-btn {
        min-width: 115px;
    }

    .talents-content .talents-list .talent-list-detail .resume-invite-btn a.invite-btn {
        width: 100%;
    }

    .link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field {
        padding: .5rem;
    }

    .recuriter-openings-wrapper .interview-content .interview-list .sep-two {
        grid-template-columns: 1fr;
    }

    .recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .settings-btn {
        position: absolute;
        top: -0.375rem;
        right: 0;
    }

    .recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list {
        align-items: start;
        border-left: 0;
        padding-left: 0;
    }

    .recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .right-btm-list {
        width: 100%;
    }

    .recuriter-openings-wrapper .play-video-confe .left-video-content {
        justify-content: space-between;
    }

    .recuriter-openings-wrapper .play-video-confe .left-video-content .title-link {
        position: static;
        padding: 0;
    }

    .add-candidate-wrapper .right-openings-side {
        width: 100%;
        padding: 0;
    }

    .collapse-input {
        width: 100%;
    }

    .collapse-input input {
        width: 100%;
        max-width: 100%;
        padding-left: 1.875rem;
    }

    .collapse-input.collapsed input {
        max-width: 100%;
    }


    .recuriter-openings-wrapper .interview-content .interview-list .sep-two .right-list .settings-btn .share-btn span {
        display: none;
    }

    .top-interview-details .interview-desc a {
        max-width: 80%;
    }

    .talents-content .talents-list .talent-list-detail .resume-invite-btn {
        flex-direction: column;
    }

    .talents-content .talents-list .talent-list-detail .resume-invite-btn a {
        margin: 0 0 .5rem;
        width: 100%;
        justify-content: center
    }

    .talents-content .talents-list .talent-list-detail .resume-invite-btn a:last-child {
        margin-bottom: 0;
        ;
    }

    .link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field a {
        height: 3rem;
    }

    .link-share-modal.modal .modal-dialog .modal-content .modal-body .copy-link-field a span {
        display: none;
    }

    .resume-invite-btn .percentage-outer-div {
        margin-bottom: .5rem;
    }

}


@media screen and (max-width: 500px) {
    .bottom-interview-details .left-bottom-details p {
        margin-top: 0;
    }
}







@media screen and (max-width: 1200px) {

    .right-details-content {
        position: fixed;
        top: 0px;
        right: -360px;
        width: 360px;
        display: none;
        height: 100%;
        transition: all 300ms linear;
    }

    .play-video-confe {
        grid-template-columns: 1fr;
    }

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

    .toggle-right-close {
        display: block;
    }

}

@media screen and (max-width: 1280px) {
    .add-candidate-wrapper.recuriter-openings-wrapper .job-details-tabs {
        padding: 0.5rem .75rem;
    }
}



@media screen and (max-width: 1000px) {
    .candidate-tbl .table {
        min-width: 57.625rem;
    }
}

/* ------Feb-28 */

@media screen and (max-width: 1000px) {
    .toast-cotaniner {
        top: 4.5rem;
        z-index: 1000;
    }
}

/* 25-02-2025 */

@media screen and (max-width: 1450px) {
    .ai-interviewer-grid {
        grid-template-columns: repeat(auto-fill, minmax(20.25rem, 1fr));
    }
}

@media screen and (max-width: 600px) {
    .ai-interviewer-bottom {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ai-interviewer-bottom p {
        display: none;
    }

    .ai-interviewer-bottom-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
}

/* ------March-5 */

@media screen and (max-width: 640px) {
    .recuriter-openings-wrapper .openings-head-content .openings-title .new-title-link {
        flex-direction: column;
        align-items: start;
    }

    .resume-btn a span {
        display: none;
    }
}


@media screen and (max-width: 440px) {
    .interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .75rem;
    }

    .interview-video-modal .modal-dialog .modal-content .modal-body .foot-btn a {
        margin-right: 0;
    }
}


@media screen and (max-height: 840px) {
    .recuriter-openings-wrapper .play-video-confe .left-video-content .screen-video-content .img-video {
        height: calc(100vh - 18rem);
        width: auto;
        margin: 0 auto;
    }
}


/* ------march-6 */


@media screen and (max-width: 1000px) {
    .no-data-content {
        grid-template-columns: 1fr;
        height: auto;
        width: 100%;
    }

    .no-data-content .right-data {
        margin-right: unset;
        text-align: center;
    }


    .no-data-wrapper {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-height: 1000px) {
    .no-data-wrapper {
        height: calc(100vh - 3.5rem) !important;
    }
}


@media screen and (max-width: 640px) {
    .recuriter-openings-wrapper .openings-head-content {
        flex-direction: column;
    }

    .right-openings-side {
        width: 100%;
    }

    .no-data-content .right-data h3 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 450px) {
    .pagination ul li a {
        width: 1.5rem;
        height: 1.5rem;
    }

    .pagination .to-seach-page input {
        padding: 0 .125rem;
    }

    .pagination .to-seach-page {
        margin-left: .5rem;
    }

    .no-data-content .right-data h3 {
        font-size: 1.5rem;
    }

    .graph-card .graph-img canvas {
        width: 250px !important;
        height: 250px !important;

    }
}

@media screen and (max-height: 650px) {
    .candidate-login {
        padding-top: 1.5rem;
    }
}


@media screen and (max-height: 600px) {
    .solution-list .solution-content {
        margin-bottom: 1.5rem;
    }

    .sigup-wrapper .login-left-details .login-left-content .signup-title {
        margin-bottom: 2rem;
    }

}

@media screen and (max-width: 1280px) {
    .desc-list-item .items-list a {
        font-size: .8125rem;
    }
}

@media screen and (max-width: 1000px) {
    .desc-list-item .items-list a {
        font-size: .875rem;
    }
}

@media screen and (max-width: 1380px) {
    .info-content .info-tabs a {
        margin-right: 0;
    }
}


/* ----march-11 */



@media screen and (max-width: 1280px) {
    .desc-list-item .items-list a {
        font-size: .8125rem;
    }
}

@media screen and (max-width: 1000px) {
    .desc-list-item .items-list a {
        font-size: .875rem;
    }
}

@media screen and (max-width: 1380px) {
    .info-content .info-tabs a {
        margin-right: 0;
    }
}


/* -----march-12 */

@media screen and (max-height: 750px) {

    .contact-wrapper .support-tems-content .support-teams-details {
        grid-row-gap: 0.5rem;
    }

}

/* -----march-19 */

@media screen and (max-height: 700px) {
    .interview-list-wrapper.without-login {
        display: flex;
        height: auto;
    }
}

/* Responsive */
@media screen and (max-width: 645px) {
    .save-job {
        position: absolute;
        top: 0;
        right: 0;
    }

    .save-job a span {
        display: none;
    }

    .recuriter-openings-wrapper .top-interview-details .interview-desc h3 {
        padding-right: 3rem;
    }

    .offcanvas-header .btn-reg.btn-light {
        margin-left: auto !important;
    }

    .offcanvas-header .btn-reg span span {
        display: none;
    }
}

/* 05-06-2025 */
@media screen and (max-width: 1280px) {

    .candt-dashbrd {
        grid-template-columns: 24% 1fr 1fr 1fr;
    }

    .candt-dashbrd {
        gap: 16px;
    }

    .candt-dashbrd {
        padding: 16px;
    }
}


@media screen and (max-width: 992px) {
    .send-tabs {
        overflow-x: auto;
    }

    /* .profile-score-card {
        grid-row: span 3;
    } */

    .graph-img {
        width: max-content !important;
        height: max-content !important;
        margin: auto !important;
    }

    .graph-img canvas {
        width: 250px !important;
        height: 250px !important;

    }

    .profile-score-card,
    .graph-card {
        grid-column: span 2;
    }

    .summary-card {
        grid-column: 1/-1;
    }

    .summary-card,
    .graph-card,
    .profile-score-card {
        padding: 16px;
    }

    .graph-card-last {
        grid-column: 1/-1;
    }

}

@media screen and (max-width: 700px) {

    .profile-score-card,
    .graph-card,
    .qa-container,
    .summary-banner {
        grid-column: 1/-1;
    }

}


@media screen and (max-width: 1280px) {
    .download-pdf {
        margin-right: auto;
    }
}

@media screen and (max-width: 700px) {
    .recuriter-openings .full-recuriter-candiadte-list {
        display: flex;
    }


}

@media screen and (max-width: 400px) {
    .recuriter-openings .acces-job.recommendation-job a {
        margin-bottom: 0;
    }

    .recuriter-openings .bottom-interview-details {
        flex-direction: row;
    }

    .recuriter-openings .full-recuriter-candiadte-list {
        flex-direction: column;
    }

    .recuriter-openings .grid-view.interview-content {
        padding-top: 8px;
    }
}

/* 19-08-2025 */
@media screen and (max-width: 600px) {

    .settings-company__main {
        flex-direction: column;
    }

    .settings-company__sidebar {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        height: auto;
    }

    .settings-company__sidebar a {
        margin-bottom: 0;
        margin-right: 0.75rem;
        min-width: 240px;
    }

    .settings-company__details__footer {
        justify-content: center;
    }

    .settings-company__details__footer p {
        margin-bottom: 1rem;
    }

    .settings-company__details__footer__button {
        margin-left: 0;
        margin-right: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem;
        width: 100%;
    }

}