/* _content/JobPortal/Components/Component_Card/Aside_Components/CandidateAsideComponent.razor.rz.scp.css */
/*.candidate-aside-container {
    background-color: #070C38;
    width: 20%;
    font-size: 18px;
    color: #CACACA;
    padding: 25px 0 0px 40px;
}

.item1 {
    gap: 10px;
}

a {
    font-size: 18px;
    color: #CACACA;
    text-decoration: none;
    display: flex;
    gap: 5px;
    align-content: center;
}

.empl-aside__link {
    padding-left: 60px;
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 0px 100px 100px 0px;
    height: 3rem;
    display: flex;
    gap: 12px;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    text-decoration: none;
    transition: 0.35s;
}

.empl-aside__link:hover {
    background-color: rgba(47, 26, 114, 0.5);
    color: white;
}*/



.epj-aside[b-xwqkdlk5v4] {
    font-family: "Montserrat",sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 500;
    font-size: 18px;
    /*height: 100%;*/
    background-color:white !important;
    min-width: 400px;
    box-shadow:1px 1px 10px 1px grey;
}

.epj-menu[b-xwqkdlk5v4] {
    margin-top: 38px;
    display: flex;
    align-items: center;
}

.epj-aside li[b-xwqkdlk5v4] {
    list-style-type: none;
    width: 90%;
    cursor: pointer;
}

.epj-aside ul[b-xwqkdlk5v4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0;
}

.epj-aside li a[b-xwqkdlk5v4] {
    margin-left: 12px;
    text-decoration: none;
    color: black;
    font-weight: normal;
}

.epj-profileMenu[b-xwqkdlk5v4] {
    margin-left: 15px;
    margin-bottom: 46px;
}


.epj-menu[b-xwqkdlk5v4]  .empl-aside__link {
    padding-left: 60px;
    color: black;
    background: none;
    border: none;
    height: 3rem;
    display: flex;
    gap: 12px;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    text-decoration: none;
    transition: 0.35s;
}

.epj-menu[b-xwqkdlk5v4]  a.active {
    background-color: #FF9E1B;
    color: white;
    font-weight: 700;
}

    .epj-menu[b-xwqkdlk5v4]  a.active:hover {
        background-color: rgba(47, 26, 114, 1);
    }

.epj-menu[b-xwqkdlk5v4]  .empl-aside__link:hover {
    background-color: rgba(47, 26, 114, 0.5);
    color: white;
}
@media(max-width:480px){
    .epj-aside[b-xwqkdlk5v4]{
        display:none;
    }
}
/* _content/JobPortal/Components/Component_Card/Aside_Components/EmployerAsideComponent.razor.rz.scp.css */
.epj-aside[b-64mbbm328j] {
    font-family: "Montserrat",sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 500;
    font-size: 18px;
    height: 100%;
    width:98%;
    background-color: white !important;
    box-shadow: 1px 1px 7px 1px grey;
}

.epj-menu[b-64mbbm328j] {
    margin-top: 38px;
    display: flex;
    align-items: center;
}

.epj-aside li[b-64mbbm328j] {
    list-style-type: none;
    width: 90%;
}

.epj-aside ul[b-64mbbm328j] {
    width: 100%;
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:0;
}

.epj-aside li a[b-64mbbm328j] {
    margin-left: 12px;
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}

.epj-profileMenu[b-64mbbm328j] {
    margin-left: 15px;
    margin-bottom: 46px;
}


.epj-menu[b-64mbbm328j]  .empl-aside__link {
    padding-left: 60px;
    color: #d7d7d7;
    background: none;
    border: none;
    color:black;
/*    border-radius: 0px 100px 100px 0px;*/
    height: 3rem;
    display: flex;
    gap:12px;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    text-decoration: none;
    transition:0.35s;
}

.epj-menu[b-64mbbm328j]  a.active {
    background-color: #001D3D;
    color: white;
    font-weight: 700;
}
/*    .epj-menu ::deep a.active:hover {
        background-color: rgba(47, 26, 114, 1);
    }*/
.epj-menu[b-64mbbm328j]  .empl-aside__link:hover {
    background-color: rgba(47, 26, 114, 0.5);
    color: white;
}

@media(max-width:480px){
    .epj-aside[b-64mbbm328j]{
        display:none;
        height:0;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/EducationEditComponent.razor.rz.scp.css */
.main-container-education-edit-component[b-ilxtdpnyvt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    position: relative;
    border: solid #E6E6E6 1px;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}

.button-x[b-ilxtdpnyvt] {
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    padding: 4.8px;
    gap: 6.4px;
    border-radius: 50%;
}

.small-container-wrap[b-ilxtdpnyvt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-ilxtdpnyvt] {
    width: 47%;
}

    .small-container-wrap-item p[b-ilxtdpnyvt], .small-container-large-item p[b-ilxtdpnyvt] {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.94px;
        text-align: left;
    }

.small-container-large[b-ilxtdpnyvt] {
    width: 100%;
}

.small-container-large-item[b-ilxtdpnyvt] {
    width: 100%;
}

[b-ilxtdpnyvt] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-ilxtdpnyvt] .input-description {
    height: 132px;
    resize: none;
}
@media(max-width:480px){
    .small-container-wrap-item[b-ilxtdpnyvt]{
        width:95%;
    }
    p[b-ilxtdpnyvt]{
        font-size:15px !important;

    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/EduComponent.razor.rz.scp.css */
.main-container[b-zpy0lbrsma] {
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    width: 100%;
    height: 175px;
    /*gap: 10px;*/
    border-radius: 12px;
    padding-left: 20px;
    padding: 15px 0 15px 20px;
}

.small-row[b-zpy0lbrsma] {
    gap: 10px;
}

.small-row p[b-zpy0lbrsma] {
    display: flex;
    align-items: center;
    gap: 5px;
}
@media(max-width:480px){
    .main-container[b-zpy0lbrsma]{
        height:auto;
        gap:20px !important;
    }
    .small-row[b-zpy0lbrsma]{
        display:flex !important;
        flex-direction:column !important;
        gap:0;
    }
    p[b-zpy0lbrsma]{
        font-size:14px;
    }
    h3[b-zpy0lbrsma]{
        font-size:22px;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/EmailApplyWindow.razor.rz.scp.css */
/* Customize modal width */
.modal-dialog[b-et7bhf6d5t] {
    /*max-width: 600px;*/ /* Change width as needed */
    /*top: 50%;*/
    height: 647px;
    width: 1320px;
    z-index: 10;
    max-width: 100%;
}

.modal[b-et7bhf6d5t] {
    /*top: 10%;
    left: 10%;*/
}

/* Adjust modal content padding and background */
.modal-content[b-et7bhf6d5t] {
    background-color: #f8f9fa; /* Light gray background */
    border-radius: 0.5rem; /* Rounded corners */
    padding: 1.5rem;
    height: 647px;
    width: 1320px;
    /*margin: auto;*/
}

/* Customize the modal title font */
.modal-title[b-et7bhf6d5t] {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Style the modal close button */
.btn-close[b-et7bhf6d5t] {
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
    opacity: 0.8;
}

    .btn-close:hover[b-et7bhf6d5t] {
        opacity: 1;
    }

/* Custom styling for modal footer buttons */
/*.modal-footer .btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
}*/

/* Optional: make the backdrop slightly transparent */
.modal-backdrop[b-et7bhf6d5t] {
    background-color: rgba(0, 0, 0, 0.5); /* Slightly lighter overlay */
    z-index: 0;
}

/* Optional: make the modal centered vertically */
.modal[b-et7bhf6d5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.btn-apply-refer[b-et7bhf6d5t] {
    width: 47%;
}

.cv button[b-et7bhf6d5t] {
    background-color: #6750A4;
    color: #fff;
    border-radius: 15px;
}

.modal-body[b-et7bhf6d5t] {
    gap: 10px;
}

.resume[b-et7bhf6d5t] {
    border: 1px solid #000;
    height: 287px;
    width: 16%;
    background-color: #333;
}

.choosen[b-et7bhf6d5t] {
    border: 2px solid #000;
    background-color: aqua;
}

.btn-secondary.btn-apply-refer.cancel[b-et7bhf6d5t] {
    background-color: #fff;
    color: #717171;
    border: solid 2px;
}

.btn-secondary.btn-apply-refer[b-et7bhf6d5t] {
    background-color: #D9D9D9;
    border: none;
}

@media(max-width:480px){
    .modal-content[b-et7bhf6d5t]{
        width:100%;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/FieldComponent.razor.rz.scp.css */
.company-editbtn-follow[b-pxg4yhenp6] {
    background: #6750A4;
    border: solid 1px #6750A4;
    border-radius: 8px;
    color: white;
    height: max-content;
    padding: 10px 24px 10px 24px;
    transition: 0.5s;
}

.followed[b-pxg4yhenp6] {
    font-variation-settings: 'FILL' 1;
}

.main-container[b-pxg4yhenp6] {
    width: 100%;
    height: 80px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1), 0px -6px 10px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
@media(max-width:480px){
    .main-container[b-pxg4yhenp6]{
        width:95%;
        margin:0 auto;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/HardSkillComponent.razor.rz.scp.css */
.main-container[b-28goxq7tbg] {
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    width: 100%;
    height: 100px;
    /*gap: 10px;*/
    border-radius: 12px;
    padding-left: 20px;
    padding: 15px 20px 15px 20px;
    gap: 30px;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/HardSkillEditComponent.razor.rz.scp.css */
.main-container[b-iwb0okrabj] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    position: relative;
    border: solid #E6E6E6 1px;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}

.button-x[b-iwb0okrabj] {
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    padding: 4.8px;
    gap: 6.4px;
    border-radius: 50%;
}

.small-container-wrap[b-iwb0okrabj] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-iwb0okrabj] {
    width: 47%;
}

    .small-container-wrap-item p[b-iwb0okrabj], .small-container-large-item p[b-iwb0okrabj] {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.94px;
        text-align: left;
    }

.small-container-large[b-iwb0okrabj] {
    width: 100%;
}

.small-container-large-item[b-iwb0okrabj] {
    width: 100%;
}

[b-iwb0okrabj] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-iwb0okrabj] .input-description {
    height: 132px;
    resize: none;
}
@media(max-width:480px) {
    .small-container-wrap-item[b-iwb0okrabj] {
        width: 95%;
    }

    p[b-iwb0okrabj] {
        font-size: 15px !important;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/JobApplyWindow.razor.rz.scp.css */
/* Customize modal width */
.modal-dialog[b-qm3i8k527p] {
    /*max-width: 600px;*/ /* Change width as needed */
    /*top: 50%;*/
    height: 647px;
    width: 1320px;
    z-index: 10;
    max-width: 100%;
}

.modal[b-qm3i8k527p] {
    /*top: 10%;
    left: 10%;*/
}

/* Adjust modal content padding and background */
.modal-content[b-qm3i8k527p] {
    background-color: #f8f9fa; /* Light gray background */
    border-radius: 0.5rem; /* Rounded corners */
    padding: 1.5rem;
    height: 647px;
    width: 1320px;
    /*margin: auto;*/
}

/* Customize the modal title font */
.modal-title[b-qm3i8k527p] {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Style the modal close button */
.btn-close[b-qm3i8k527p] {
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
    opacity: 0.8;
}

.btn-close:hover[b-qm3i8k527p] {
    opacity: 1;
}

/* Custom styling for modal footer buttons */
/*.modal-footer .btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
}*/

/* Optional: make the backdrop slightly transparent */
.modal-backdrop[b-qm3i8k527p] {
    background-color: rgba(0, 0, 0, 0.5); /* Slightly lighter overlay */
    z-index: 0;
}

/* Optional: make the modal centered vertically */
.modal[b-qm3i8k527p] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.btn-apply-refer[b-qm3i8k527p] {
    width: 47%;
}

.cv button[b-qm3i8k527p], .cv label[b-qm3i8k527p] {
    background-color: #6750A4;
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-content: center;
    gap: 8px;
}

.modal-body[b-qm3i8k527p] {
    gap: 10px;
}

.btn-secondary.btn-apply-refer.cancel[b-qm3i8k527p] {
    background-color: #fff;
    color: #717171;
    border: solid 2px;
    width:200px;
}

.btn-secondary.btn-apply-refer[b-qm3i8k527p] {
    background-color: #D9D9D9;
    width:200px;
    border: none;
}
.btn-success[b-qm3i8k527p] {
    background-color: #FF9E1B;
}
@media(max-width:480px){
    .modal-content[b-qm3i8k527p] {
        width: 100%;
        height:auto;
    }
    .modal-body[b-qm3i8k527p]{
        flex-wrap:wrap;
        justify-content:center !important;
    }
}

.small-container-large-item p[b-qm3i8k527p] {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
}

.small-container-large[b-qm3i8k527p] {
    width: 100%;
}

.small-container-large-item[b-qm3i8k527p] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/LanguageComponent.razor.rz.scp.css */
.main-container[b-byko74excb] {
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    width: 100%;
    height: 100px;
    /*gap: 10px;*/
    border-radius: 12px;
    padding-left: 20px;
    padding: 15px 20px 15px 20px;
    gap: 30px;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/LanguageEditComponent.razor.rz.scp.css */
.main-container[b-s2z3uvmbkg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    position: relative;
    border: solid #E6E6E6 1px;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}

.button-x[b-s2z3uvmbkg] {
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    padding: 4.8px;
    gap: 6.4px;
    border-radius: 50%;
}

.small-container-wrap[b-s2z3uvmbkg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-s2z3uvmbkg] {
    width: 47%;
}

    .small-container-wrap-item p[b-s2z3uvmbkg], .small-container-large-item p[b-s2z3uvmbkg] {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.94px;
        text-align: left;
    }

.small-container-large[b-s2z3uvmbkg] {
    width: 100%;
}

.small-container-large-item[b-s2z3uvmbkg] {
    width: 100%;
}

[b-s2z3uvmbkg] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-s2z3uvmbkg] .input-description {
    height: 132px;
    resize: none;
}
@media(max-width:480px){
    .small-container-wrap-item[b-s2z3uvmbkg]{
        width:95%;
    }
    p[b-s2z3uvmbkg]{
        font-size:15px !important;  
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/LargeResumeComponent.razor.rz.scp.css */
.resume[b-imq1lqrlmb] {
    border: 1px solid #000;
    height: 446px;
    width: 315px;
    align-items: end;
    display: flex;
    flex-direction: column;
}

.resume-download-btn[b-imq1lqrlmb] {
    background-color: transparent;
    border: none;
}

.resume-download-btn:hover[b-imq1lqrlmb]{
    
}

.choosen[b-imq1lqrlmb] {
    border: 5px solid #6750A4;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/ResumeComponent.razor.rz.scp.css */
.resume[b-b09a9cifqr] {
    border: 1px solid #000;
    height: 276px;
    width: 196px;
    background-color: #333;
}

.choosen[b-b09a9cifqr] {
    position: relative;
    bottom: 30px;
    border: 2px solid #6750A4;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/SocialMediaComponent.razor.rz.scp.css */
.main-container[b-d5n0i0a5op] {
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    height: 70px;
    /*gap: 10px;*/
    border-radius: 12px;
    padding-left: 20px;
    padding: 15px 20px 15px 20px;
    gap: 30px;
}
.main-container h3[b-d5n0i0a5op] {
    cursor: pointer;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/SocialMediaEditComponent.razor.rz.scp.css */
.main-container[b-k2aaa7vvuh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    position: relative;
    border: solid #E6E6E6 1px;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}

.button-x[b-k2aaa7vvuh] {
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    padding: 4.8px;
    gap: 6.4px;
    border-radius: 50%;
}

.small-container-wrap[b-k2aaa7vvuh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-k2aaa7vvuh] {
    width: 47%;
}

    .small-container-wrap-item p[b-k2aaa7vvuh], .small-container-large-item p[b-k2aaa7vvuh] {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.94px;
        text-align: left;
    }

.small-container-large[b-k2aaa7vvuh] {
    width: 100%;
}

.small-container-large-item[b-k2aaa7vvuh] {
    width: 100%;
}

[b-k2aaa7vvuh] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-k2aaa7vvuh] .input-description {
    height: 132px;
    resize: none;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/SoftSkillComponent.razor.rz.scp.css */
.main-container[b-5xgkto2mq9] {
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    width: 100%;
    height: 100px;
    /*gap: 10px;*/
    border-radius: 12px;
    padding-left: 20px;
    padding: 15px 20px 15px 20px;
    gap: 30px;
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/SoftSkillEditComponent.razor.rz.scp.css */
.main-container[b-pe6fy1krk4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    position: relative;
    border: solid #E6E6E6 1px;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}

.button-x[b-pe6fy1krk4] {
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    padding: 4.8px;
    gap: 6.4px;
    border-radius: 50%;
}

.small-container-wrap[b-pe6fy1krk4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-pe6fy1krk4] {
    width: 47%;
}

    .small-container-wrap-item p[b-pe6fy1krk4], .small-container-large-item p[b-pe6fy1krk4] {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.94px;
        text-align: left;
    }

.small-container-large[b-pe6fy1krk4] {
    width: 100%;
}

.small-container-large-item[b-pe6fy1krk4] {
    width: 100%;
}

[b-pe6fy1krk4] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-pe6fy1krk4] .input-description {
    height: 132px;
    resize: none;
}
@media(max-width:480px) {
    .small-container-wrap-item[b-pe6fy1krk4] {
        width: 95%;
    }

    p[b-pe6fy1krk4] {
        font-size: 15px !important;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/WorkExperienceComponent.razor.rz.scp.css */
.main-container[b-ddpmtigexf] {
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    width: 100%;
    height: 175px;
    /*gap: 10px;*/
    border-radius: 12px;
    padding-left: 20px;
    padding: 15px 0 15px 20px;
}

.small-row[b-ddpmtigexf] {
    gap: 10px;
}

    .small-row p[b-ddpmtigexf] {
        display: flex;
        align-items: center;
        gap: 5px;
    }

@media(max-width:480px) {
    .main-container[b-ddpmtigexf] {
        height: auto;
    }

    .small-row[b-ddpmtigexf] {
        display: flex !important;
        flex-direction: column !important;
        gap:0;
    }

    p[b-ddpmtigexf] {
        font-size: 14px;
    }
    h3[b-ddpmtigexf]{
        font-size:22px;
    }
}
/* _content/JobPortal/Components/Component_Card/CandidateComponents/WorkExperienceEditComponent.razor.rz.scp.css */
.main-container[b-gfl8jju0bb] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    position: relative;
    border: solid #E6E6E6 1px;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}

.button-x[b-gfl8jju0bb] {
    border: 1px solid #000;
    width: 32px;
    height: 32px;
    padding: 4.8px;
    gap: 6.4px;
    border-radius: 50%;
}

.small-container-wrap[b-gfl8jju0bb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-gfl8jju0bb] {
    width: 47%;
}

.small-container-wrap-item p[b-gfl8jju0bb], .small-container-large-item p[b-gfl8jju0bb] {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
}

.small-container-large[b-gfl8jju0bb] {
    width: 100%;
}

.small-container-large-item[b-gfl8jju0bb] {
    width: 100%;
}

[b-gfl8jju0bb] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-gfl8jju0bb] .input-description {
    height: 132px;
    resize: none;
}
@media(max-width:480px){
    .small-container-wrap-item[b-gfl8jju0bb]{
        width:95%;
    }
    p[b-gfl8jju0bb]{
        font-size:15px !important;
    }
}
/* _content/JobPortal/Components/Component_Card/EmployerComponents/CompanyComponents.razor.rz.scp.css */

.epj-jobBox[b-8r9rteixzo] {
    display: flex;
    border: solid 1px rgba(225, 225, 225, 1);
    border-radius: 16px;
    box-shadow: 0px 0px 20px 0px rgba(113, 113, 113, 0.16);
    min-width: 800px;
    height: 153px;
}

.CompanyProfile[b-8r9rteixzo] {
    margin-left: 20px;
    align-self: center;
    background-color: rgba(113, 113, 113, 1);
    min-width: 105px;
    height: 105px;
    border-radius: 12px;
}

.epj-jobInfo[b-8r9rteixzo] {
    width: 85%;
    margin: 20px 0 0 20px;
    font-weight: bold;
    list-style-type: none;
    overflow: clip;
    margin-bottom: 22px;
}

    .epj-jobInfo a[b-8r9rteixzo] {
        text-decoration: none;
        color: black;
    }

.epj-buttons[b-8r9rteixzo] {
    display: flex;
    position: relative;
    max-width: 48px;
    max-height: 48px;
    font-size: 12px;
    left: 80px;
}

    .epj-buttons button[b-8r9rteixzo] {
        margin-right: 20px;
    }

.epj-jobInfo ul[b-8r9rteixzo] {
    margin-top: 10px;
    display: flex;
    list-style: none;
    padding-left: 0;
    font-size: 12px;
    display:flex;
    gap:24px;
}
    .epj-jobInfo ul li[b-8r9rteixzo] {
        display:flex;
        align-items:center;
        gap:4px;
    }


.epj-desc[b-8r9rteixzo] {
    font-size: 12px;
}

.epj-status[b-8r9rteixzo] {
    display: flex;
    position: relative;
    right: 0;
    font-size: 12px;
    align-self: end;
    margin: 0 20px 20px 0;
    width: auto;
    height: 42px;
    min-width: 100px;
}

.company-editbtn-follow[b-8r9rteixzo] {
    background-color: #FF9E1B;
    border: solid 1px #FF9E1B;
    border-radius: 8px;
    color: white;
    height: max-content;
    padding: 10px 24px 10px 24px;
    transition: 0.5s;
}
.btn-box[b-8r9rteixzo]{
    display:flex;
    align-items:end;
    padding:0 24px 24px 0;
}
.followed[b-8r9rteixzo] {
    font-variation-settings: 'FILL' 1;
}
@media(max-width:480px){
    .epj-jobInfo-ul[b-8r9rteixzo]{
        display:flex;
        flex-direction:column;
        width:100%;
    }
    .epj-jobBox[b-8r9rteixzo]{
        width:auto;
        height:auto;
        min-width:0;
        padding:10px;
    }
    .epj-desc[b-8r9rteixzo]{
        display:none;
        width:100%;
    }
    .btn-box[b-8r9rteixzo]{
        padding:0 0 24px 0;
        padding-left:10px;
    }
    .epj-jobInfo[b-8r9rteixzo]{
        margin:20px 0 20px 10px;
        width:40%;
    }
    .CompanyProfile[b-8r9rteixzo]{
        margin-left:0;
        align-self:start;
    }
    .company-editbtn-follow[b-8r9rteixzo]{
        font-size:10px;
        padding:10px;
    }
}
/* _content/JobPortal/Components/Component_Card/EmployerComponents/EmployerCandidatesResume.razor.rz.scp.css */
.resume-contaner[b-ci1quo4olc] {
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    gap: 8px;
    position: relative;
}
.download-resume-btn[b-ci1quo4olc] {
    background-color: #2A9D8F;
    color: #FFFFFF;
    height: 40px;
    width: 149px;
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative;

}
.resume[b-ci1quo4olc] {
    border-radius: 24px;
    box-shadow: 0px 0px 16px 4px rgba(71, 89, 228, 0.16);

}
@media(max-width:480px){
   .resume[b-ci1quo4olc]{
       height:500px !important;
   }
}
/* _content/JobPortal/Components/Component_Card/EmployerComponents/Search_Bar_Employers.razor.rz.scp.css */

.search_bar-container[b-iqab0zad8p] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.search-bar[b-iqab0zad8p] {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    border-radius: 17px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 2px solid #e0e0e0;
    width: 70vw;
    height: 81px; /* Fixed height for the search bar */
    gap: 10px;
}

.search-field[b-iqab0zad8p], .location-field[b-iqab0zad8p] {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    flex: 1;
    margin-right: 10px;
    border-right: 1px solid #e0e0e0;
    height: 100%; /* Ensure fields match the height of the search bar */
}

.search-field[b-iqab0zad8p] {
    flex: 2;
}

    .search-field i[b-iqab0zad8p], .location-field i[b-iqab0zad8p] {
        margin-right: 10px;
        color: #888;
        font-size: 1.2em;
    }

    .search-field .search-label[b-iqab0zad8p], .location-field .location-label[b-iqab0zad8p] {
        margin-bottom: 10px;
        font-size: 0.9em;
        color: black;
        display: flex;
        margin-bottom: 10px;
        color: black;
    }

    .search-field .search-label[b-iqab0zad8p] {
        width: 100%; /* Fixed width for the search label */
        height: 17px; /* Fixed height for the search label */
    }

.location-field .location-label[b-iqab0zad8p] {
    width: auto; /* Fixed width for the location label */
    height: 17px; /* Fixed height for the location label */
    display: flex;
    margin-bottom: 10px;
    color: black;
}

.search-field input[b-iqab0zad8p], .location-field input[b-iqab0zad8p] {
    border: none;
    outline: none;
    background: none;
    flex: 1;
    font-size: 1em;
    color: #000;
}

.location-field i:last-child[b-iqab0zad8p] {
    margin-left: 10px;
    cursor: pointer;
}

.find-jobs-button[b-iqab0zad8p] {
    background-color: #FF9E1B;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    --cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    height: 100%; /* Ensure button matches the height of the search bar */
}

    .find-jobs-button:hover[b-iqab0zad8p] {
        background-color: #FF9E1B;
    }

@media(max-width:480px) {
    .search-bar[b-iqab0zad8p] {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
        height: auto;
        width: auto;
    }

    .search_bar-container[b-iqab0zad8p] {
        width: 60%;
    }

    .find-jobs-button[b-iqab0zad8p] {
        width: auto;
    }
}

@media(min-width:480px) and (max-width:1250px) {
    .search_bar-container[b-iqab0zad8p] {
        justify-content: start;
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .search_bar-container[b-iqab0zad8p] {
        width: 88vw !important;
        justify-content: start;
    }

    .search-bar[b-iqab0zad8p] {
        width: 75%;
    }
}
/* _content/JobPortal/Components/Component_Card/HomePageComponents/Hot_Job_Component.razor.rz.scp.css */
.job-card[b-r69b4ufdkf] {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
    width: 300px;
    padding: 20px;
    display: flex;
    border:1px solid;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
    text-align: left;
    border:none;
}


.job-header[b-r69b4ufdkf] {
    display: grid;
    grid-template-columns:40px 1fr;
    gap:15px;
    align-items: center;
    margin-bottom: 20px;
}

.avatar[b-r69b4ufdkf] {
    width: 50px;
    height: 50px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius: 20%;
    margin-right: 10px; 
}

    .avatar > img[b-r69b4ufdkf] {
        height: 50px;
        width:50px; 
        border-radius:20%;
        border:none;
    }

.job-title[b-r69b4ufdkf] {
    flex-grow: 1;
}

    .job-title h3[b-r69b4ufdkf] {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .job-title p[b-r69b4ufdkf] {
        font-size: 14px;
        color: #666;
    }


    .no-link[b-r69b4ufdkf] {
        color: inherit;
        text-decoration: none;
    }

.promoted[b-r69b4ufdkf] {
    background-color: #8338ec;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}

.job-info[b-r69b4ufdkf] {
    height: 70px;
    overflow: hidden;
}
/* _content/JobPortal/Components/Component_Card/HomePageComponents/Thin_Hot_Job_Component.razor.rz.scp.css */
body[b-euzvlerv5i] {
    display: flex;
    justify-content: flex-end; /* Выровнять основной контейнер вправо */
    margin: 0;
    padding: 0;
    height: 100vh; /* Высота экрана для центрирования по вертикали, если необходимо */
    align-items: center; /* Центрирование по вертикали, если необходимо */
}

.main-container[b-euzvlerv5i] {
    display: flex;
    background-color: transparent;
    border-radius: 8px;
    overflow: hidden;
    width: 740px;
    height: 200px;
    margin: 20px;
    position: relative;
    justify-content: flex-end; /* Выровнять содержимое вправо */
}

.sidebar[b-euzvlerv5i] {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    border-radius: 8px;
    position: absolute;
    right: 20px; /* Сдвигаем относительно правого края на 20 пикселей */
    bottom: 20px; /* Размещаем снизу */
}

.card[b-euzvlerv5i] {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 30px;
    overflow: hidden;
    background-color: white;
    margin : 5px;
}

.card-image[b-euzvlerv5i] {
    width: 140px;
    height: 140px;
    background-color: grey;
    border-radius: 10px;
    position: relative;
    top: -16.5%;
}

.card-content[b-euzvlerv5i] {
    margin: 15px;
    text-align: center;
    background-color: white;
    vertical-align: central;
}

.job-title[b-euzvlerv5i] {
    text-align: left;
    margin-left: 160px;
    position: relative;
    top: 3%;
}

.card-title[b-euzvlerv5i] {
    margin-top: 0;
    font-size: 18px;
}

.card-description[b-euzvlerv5i] {
    color: #666;
    position: relative;
    text-align: left;
    top: -25%;
    left: 23%;
}

.card-button[b-euzvlerv5i] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

    .card-button:hover[b-euzvlerv5i] {
        background-color: #0056b3;
    }





.right-container[b-euzvlerv5i] {
    display: grid;
    flex-direction: column; /* Разместить внутренние контейнеры друг под другом */
    position: relative;
    background-color: transparent;
    border-radius: 8px;
    padding: 0px;
    width: 150px; /* Ширина правого контейнера */
    height: 240px;
    left: 80%;
    top: -60%;
}

.inner-container[b-euzvlerv5i] {
    background-color: white;
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 0px; /* Отступ между внутренними контейнерами */
    text-align: center; /* Текст по центру */
    justify-content: center;
    
    font-size: 60px;
    padding: -35px;
}

    .inner-container:last-child[b-euzvlerv5i] {
        margin-bottom: 0; /* Убрать отступ у последнего элемента */
        border-top: 2px solid grey;
    }



.container[b-euzvlerv5i] {
    display: flex;
    justify-content: center; /* Center the items horizontally within the container */
    align-items: center;
    gap: 20px; /* Space between the items */
}

.items[b-euzvlerv5i] {
    display: inline-block;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 20px;
}

.icons[b-euzvlerv5i] {
    width: 30px; /* Adjust size as needed */
    height: 30px; /* Adjust size as needed */
    margin-bottom: 10px; /* Space between the icon and the text */
}

.icon-text[b-euzvlerv5i] {
    margin-left: 2px;
    font-size: 16px;
    position: relative;
    top: -4px;
}
/* _content/JobPortal/Components/Component_Card/JobSeekerComponents/FilterPanel.razor.rz.scp.css */
.filter-panel[b-72j6f5up8d] {
    width: 300px;
    padding: 20px;
    border-radius: 10px;
}

.section[b-72j6f5up8d] {
    margin-bottom: 20px;
}

.section-header[b-72j6f5up8d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.section h3[b-72j6f5up8d] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.toggle-button[b-72j6f5up8d] {
    background: white;
    color: black;
    border: none;
/*    border-radius: 50%;*/
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.industry-options[b-72j6f5up8d],
.employment-options[b-72j6f5up8d],
.salary-options[b-72j6f5up8d],
.city-options[b-72j6f5up8d],
.experience-options[b-72j6f5up8d],
.job-type-options[b-72j6f5up8d],
.other-filters-options[b-72j6f5up8d] {
    display: block;
}

.switch-container[b-72j6f5up8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.label-text[b-72j6f5up8d] {
    flex: 1;
    margin-left: 10px;
    font-size: 14px;
    color: #333;
}

.count[b-72j6f5up8d] {
    margin-left: 10px;
    font-size: 12px;
    color: #888;
}

hr[b-72j6f5up8d] {
    border: none;
    border-top: 1px solid #ddd;
    margin: 20px 0;
}

/* Toggle Switch CSS */
.switch[b-72j6f5up8d] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

    .switch input[b-72j6f5up8d] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-72j6f5up8d] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;   
    border-radius: 20px;
}  

    .slider[b-72j6f5up8d]:before {
        position: absolute;
        content: "";
        height: 12px;   
        width: 12px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider[b-72j6f5up8d] {
    background-color: #001D3D;
}

    input:checked + .slider[b-72j6f5up8d]:before {
        transform: translateX(14px);
    }

/* Custom styling for noUiSlider */ 
.slider-container .noUi-handle[b-72j6f5up8d] {
    border-radius: 50%;
    background-color: #8338EC;
    width: 18px;
    height: 18px;
    top: -5px;
}

.slider-container .noUi-connect[b-72j6f5up8d] {
    background: #8338EC;
}

.apply-filters-1[b-72j6f5up8d] {
    text-align: center;
    margin-top: 20px;
}

.apply-button-1[b-72j6f5up8d] {
    background-color: #001D3D;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 30px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    .apply-button-1:active[b-72j6f5up8d] {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
/* _content/JobPortal/Components/Component_Card/JobSeekerComponents/Job_title.razor.rz.scp.css */
.job-seeker-card[b-zxsx4mvxsu] {
    display: flex;
    align-items: center;
    height: 136px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 28px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom:15px;
}

.promoted-card[b-zxsx4mvxsu] {
    height: 156px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom:15px;
}
.promoted-card:hover[b-zxsx4mvxsu]{
    transform:translateY(-10px);
}
    .job-seeker-card:hover[b-zxsx4mvxsu] {
        transform: translateY(-10px);
    }

.job-seeker-card img[b-zxsx4mvxsu] {
    width: 93px;
    height: 90px;
    border-radius: 10px;/*
    background-color: #ccc;*/
    margin-right: 20px;
}

.job-seeker-card .seeker-content[b-zxsx4mvxsu] {
    flex: 1;
}

    .job-seeker-card .seeker-content .title[b-zxsx4mvxsu] {
        font-size: 1.2em;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

.promoted-label[b-zxsx4mvxsu] {
    margin-left: 10px;
    background-color: #FF9E1B;
    color: white;
    font-size: 0.8em;
    padding: 5px 10px;
    border-radius: 16px;
    height: 24px;
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-seeker-card .seeker-content .details[b-zxsx4mvxsu] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    color: #555;
}

    .job-seeker-card .seeker-content .details span[b-zxsx4mvxsu] {
        margin-right: 15px;
        display: flex;
        align-items: center;
    }

        .job-seeker-card .seeker-content .details span i[b-zxsx4mvxsu] {
            margin-right: 5px;
        }

.job-seeker-card .seeker-content .description[b-zxsx4mvxsu] {
    color: #555;
}


.job-seeker-card .seeker-content .no-link[b-zxsx4mvxsu] {
    color: inherit;
    text-decoration: none;
}

.job-seeker-card .favorite[b-zxsx4mvxsu] {
    color: #ccc;
    font-size: 1.5em;
    cursor: pointer;
}

    .job-seeker-card .favorite:hover[b-zxsx4mvxsu] {
        color: #ccc;
        font-size: 1.5em;
        cursor: pointer;
    }

.job-seeker-card .active-favorite[b-zxsx4mvxsu] {
    color: #FF9E1B;
    font-size: 1.5em;
    cursor: pointer;
}
.details[b-zxsx4mvxsu]{
    flex-wrap:wrap;
}
@media(max-width:480px){
    .job_image[b-zxsx4mvxsu]{
        margin-left:20px;
    }
    .job-seeker-card img[b-zxsx4mvxsu] {
        width: 80px;
        height: 80px;
        border-radius: 10px;
        background-color: #ccc;
        margin-right: 5px;
    }
    .job-seeker-card[b-zxsx4mvxsu]{
        padding-left:0;
    }
    .seeker-content[b-zxsx4mvxsu]{
        display:flex;
        flex-direction:column;
        width:70%;
    }
    .job-seeker-card[b-zxsx4mvxsu],.promoted-card[b-zxsx4mvxsu]{
        height:auto;
        width:100%;
        margin-bottom:0;
        display:flex;
        align-items:start;
    }
    .details[b-zxsx4mvxsu] {
        display: flex !important;
        flex-direction: column;
        align-items: start !important;
    }
    .job-seeker-card .seeker-content .title[b-zxsx4mvxsu] {
        flex-wrap: wrap;
    }
    .promoted-label[b-zxsx4mvxsu]{
        margin:20px;
    }
}
/* _content/JobPortal/Components/Component_Card/JobSeekerComponents/OneJobTitleComponent.razor.rz.scp.css */
body[b-hnvrq7avix] {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.job-apply-card[b-hnvrq7avix] {
    background-color: #e0e0e0;
    border-radius: 10px;
    width: 700px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.job-apply-card-content[b-hnvrq7avix] {
    display: flex;
    gap: 20px;
}

.profile-pic[b-hnvrq7avix] {
    width: 100px;
    height: 100px;
    background-color: #777;
    border-radius: 10px;
}

.job-details[b-hnvrq7avix] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .job-details h3[b-hnvrq7avix] {
        margin: 0 0 10px 0;
        font-size: 1.5em;
    }

.job-icons[b-hnvrq7avix] {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.job-icon[b-hnvrq7avix] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 1em;
}

.job-description[b-hnvrq7avix] {
    margin: 0;
    color: #555;
}

.job-apply-card-actions[b-hnvrq7avix] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #ddd;
    border-radius: 10px;
}

.favorite-icon[b-hnvrq7avix], .apply-icon[b-hnvrq7avix] {
    font-size: 1.5em;
    color: #555;
    cursor: pointer;
}

hr[b-hnvrq7avix] {
    width: 100%;
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin: 10px 0;
}
/* _content/JobPortal/Components/Component_Card/JobSeekerComponents/Search_Bar.razor.rz.scp.css */

.search_bar-container[b-xo1um2g4n5] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.search-bar[b-xo1um2g4n5] {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    border-radius: 17px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 2px solid #e0e0e0;
    width: 70vw;
    height: 81px; /* Fixed height for the search bar */
    gap: 10px;
}

.search-field[b-xo1um2g4n5], .location-field[b-xo1um2g4n5] {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    flex: 1;
    margin-right: 10px;
    border-right: 1px solid #e0e0e0;
    height: 100%; /* Ensure fields match the height of the search bar */
}

.search-field[b-xo1um2g4n5] {
    flex: 2;
}

    .search-field i[b-xo1um2g4n5], .location-field i[b-xo1um2g4n5] {
        margin-right: 10px;
        color: #888;
        font-size: 1.2em;
    }

    .search-field .search-label[b-xo1um2g4n5], .location-field .location-label[b-xo1um2g4n5] {
        margin-bottom: 10px;
        font-size: 0.9em;
        color: black;
        display: flex;
        margin-bottom: 10px;
        color: black;
    }

    .search-field .search-label[b-xo1um2g4n5] {
        width: 100%; /* Fixed width for the search label */
        height: 17px; /* Fixed height for the search label */
    }

.location-field .location-label[b-xo1um2g4n5] {
    width: auto; /* Fixed width for the location label */
    height: 17px; /* Fixed height for the location label */
    display: flex;
    margin-bottom: 10px;
    color: black;
}

.search-field input[b-xo1um2g4n5], .location-field input[b-xo1um2g4n5] {
    border: none;
    outline: none;
    background: none;
    flex: 1;
    font-size: 1em;
    color: #000;
}

.location-field i:last-child[b-xo1um2g4n5] {
    margin-left: 10px;
    cursor: pointer;
}

.find-jobs-button[b-xo1um2g4n5] {
    background-color: #FF9E1B;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    --cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    height: 100%; /* Ensure button matches the height of the search bar */
}

    .find-jobs-button:hover[b-xo1um2g4n5] {
        background-color: #FF9E1B;
    }
@media(max-width:480px){
    .search-bar[b-xo1um2g4n5]{
        display:flex;
        flex-direction:column;
        margin-top:40px;
        height:auto;
        width:auto;
    }
    .search_bar-container[b-xo1um2g4n5] {
        width: 60%;
    }
    .find-jobs-button[b-xo1um2g4n5]{
        width:auto;
    }
    .search-field input[b-xo1um2g4n5]{
        margin-top:15px;
    }
}
@media(min-width:480px) and (max-width:1250px){
    .search_bar-container[b-xo1um2g4n5]{
        justify-content:start;
    }

}
@media(min-width:1024px) and (max-width:1200px) {
    .search_bar-container[b-xo1um2g4n5] {
        width: 88vw !important;
        justify-content: start;
    }
    .search-bar[b-xo1um2g4n5] {
        width: 75%;
    }
}
/* _content/JobPortal/Components/Component_Card/Package_Component/Package_Component.razor.rz.scp.css */
.pkg-container[b-bonyekqzqf] {
    display: flex;
    color: black;
    height: 80px;
    width: 96.83%;
    min-width:780px;
    border-radius: 16px;
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 20px 0px #71717129;
    align-items: center;
    font-size: 18px;
    margin-top:32px;
    margin-left:20px;
    justify-content:space-between;
}

.package-title[b-bonyekqzqf] {
    margin-left: 20px;
    font-weight: 300;
}

.valid[b-bonyekqzqf] {
    margin-right:260px;
    font-weight:400;
}
.red[b-bonyekqzqf] {
    color:rgba(249, 18, 18, 1);
    font-weight:600;
}
.view-button[b-bonyekqzqf] {
    display:flex;
    margin-right:20px;
    font-weight: 500;
}

.pkg-container button[b-bonyekqzqf] {
    width: auto;
    height: 20px;
}
@media(max-width:480px){
   .pkg-container[b-bonyekqzqf]{
       min-width:0;
       width:90vw;
   }
}
/* _content/JobPortal/Components/Component_Card/Posted_Job_Component/PostedJobComponent.razor.rz.scp.css */

.epj-jobBox[b-wuffhwcbb1] {
    display: flex;
    border: solid 1px rgba(225, 225, 225, 1);
    border-radius: 16px;
    box-shadow: 0px 0px 20px 0px rgba(113, 113, 113, 0.epj-16);
    min-width: 800px;
    height: 153px;
    margin: 41px 25px 20px 20px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1), 0px -6px 10px rgba(0, 0, 0, 0.05);
}

.epj-jobImage[b-wuffhwcbb1] {
    margin-left: 20px;
    align-self: center;
    background-color: rgba(113, 113, 113, 1);
    min-width: 105px;
    height: 105px;
    border-radius: 12px;
}

.epj-jobInfo[b-wuffhwcbb1] {
    width: 85%;
    margin: 20px 0 0 20px;
    font-weight: bold;
    list-style-type: none;
}

    .epj-jobInfo a[b-wuffhwcbb1] {
        text-decoration: none;
        color: black;
    }

.epj-buttons[b-wuffhwcbb1] {
    display: flex;
    position: relative;
    max-width: 48px;
    max-height: 48px;
    font-size: 12px;
    left: 80px;
}

    .epj-buttons button[b-wuffhwcbb1] {
        margin-right: 20px;
    }

.epj-jobInfo ul[b-wuffhwcbb1] {
    margin-top: 10px;
    display: flex;
    list-style: none;
    padding-left: 0;
    font-size: 12px;
}

    .epj-jobInfo ul li[b-wuffhwcbb1] {
        margin-right: 20px;
    }

.epj-desc[b-wuffhwcbb1] {
    font-size: 12px;
}

.epj-status[b-wuffhwcbb1] {
    display: flex;
    position: relative;
    right: 0;
    font-size: 12px;
    align-self: end;
    margin: 0 20px 20px 0;
    width: auto;
    height: 42px;
    min-width: 100px;
}

.epj-top[b-wuffhwcbb1] {
    margin-top: 2px;
}

.epj-hot[b-wuffhwcbb1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}

    .epj-hot span[b-wuffhwcbb1] {
        white-space: nowrap;
    }

.applied-posted_jobs[b-wuffhwcbb1]{
    cursor:pointer;
}
@media (max-width:480px){
    .epj-jobBox[b-wuffhwcbb1] {
        flex-direction: column;
        height: auto;
        min-width: 0;
        padding: 10px 0 0;
        display: grid;
        grid-template-columns: 100px 1fr;
        margin: 5px 25px 10px 20px;
    }
    .epj-jobInfo ul[b-wuffhwcbb1]{
        flex-direction:column;
        gap:7px;
    }
    .epj-jobImage[b-wuffhwcbb1]{
        align-self:start;
        margin-left:0;
    }
    .epj-jobInfo[b-wuffhwcbb1]{
        margin:15px 0 0 0 ;
        padding:0 20px 20px;
        width:100%;
    }
    .epj-status[b-wuffhwcbb1]{
        align-self:center;
        margin-top:15px;
    }
    .epj-buttons[b-wuffhwcbb1]{
        align-self:center;
        max-width:none;
        left:0;
    }
}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/JobDeadlineCard.razor.rz.scp.css */
.job-deadline-card[b-3zgye3f3hz] {
    display: flex;
    align-items: center;
    height: auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 20px;
}

.promoted-card[b-3zgye3f3hz] {
    box-shadow: 0px 0px 20px 0px #ff6f61a0;
    border-left: 5px solid #ff6f61;
}

.job-deadline-card img[b-3zgye3f3hz] {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background-color: #ccc;
    margin-right: 20px;
}

.card-content[b-3zgye3f3hz] {
    flex: 1;
}

    .card-content .title[b-3zgye3f3hz] {
        font-size: 1.5em;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

.promoted-label[b-3zgye3f3hz] {
    margin-left: 10px;
    background-color: #ff6f61;
    color: white;
    font-size: 0.9em;
    padding: 5px 10px;
    border-radius: 12px;
}

.card-content .details[b-3zgye3f3hz] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    color: #555;
}

    .card-content .details span[b-3zgye3f3hz] {
        margin-right: 15px;
        display: flex;
        align-items: center;
    }

        .card-content .details span i[b-3zgye3f3hz] {
            margin-right: 5px;
        }

.card-content .deadline[b-3zgye3f3hz] {
    font-size: 1.2em;
    margin: 10px 0;
    color: #555;
}

    .card-content .deadline.red[b-3zgye3f3hz] {
        color: red;
        font-weight: bold;
    }

.card-content .actions[b-3zgye3f3hz] {
    margin-top: 10px;
}

    .card-content .actions .extend-button[b-3zgye3f3hz] {
        background-color: #2a9d8f;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 8px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .card-content .actions .extend-button:hover[b-3zgye3f3hz] {
            background-color: #21867a;
        }

.extend-button[b-3zgye3f3hz] {
    background-color: #2a9d8f;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 10px;
    transition: background-color 0.3s ease;
}

    .extend-button:hover[b-3zgye3f3hz] {
        background-color: #21867a;
    }

.hot-button[b-3zgye3f3hz] {
    background-color: #e76f51;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .hot-button:hover[b-3zgye3f3hz] {
        background-color: #d65b3f;
    }
.extend-box[b-3zgye3f3hz] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .extend-box input[b-3zgye3f3hz] {
        width: 100px;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .extend-box button[b-3zgye3f3hz] {
        padding: 5px 10px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        background-color: #2a9d8f;
        color: white;
        transition: background-color 0.3s;
    }

        .extend-box button:hover[b-3zgye3f3hz] {
            background-color: #21867a;
        }

        .extend-box button:last-child[b-3zgye3f3hz] {
            background-color: #e76f51;
        }

            .extend-box button:last-child:hover[b-3zgye3f3hz] {
                background-color: #d65b3f;
            }
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/PackageCard.razor.rz.scp.css */
.package-card[b-jzioxd5j7t] {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 300px;
    text-align: center;
    position: relative;
    margin: 20px;
}

    .package-card.wbpromoted[b-jzioxd5j7t] {
        border: 2px solid #7E3AF2;
    }

    .package-card:hover[b-jzioxd5j7t] {
        transform: translateY(-10px);
    }

.package-price[b-jzioxd5j7t] {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.promoted-label[b-jzioxd5j7t] {
    background-color: #7E3AF2;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.package-features[b-jzioxd5j7t] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    margin-bottom: 20px;
}

    .package-features li[b-jzioxd5j7t] {
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
    }

.feature-true[b-jzioxd5j7t] {
    color: green;
}

.feature-false[b-jzioxd5j7t] {
    color: red;
}

.delete-button[b-jzioxd5j7t] {
    background-color: #7E3AF2;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.get-started-button[b-jzioxd5j7t] {
    background-color: #7E3AF2;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .get-started-button:hover[b-jzioxd5j7t] {
        background-color: #5e2cb2;
    }

.download-tariffs-button[b-jzioxd5j7t] {
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px solid #000;
    background-color: transparent;
    cursor: pointer;
}

.packages-container[b-jzioxd5j7t] {
    text-align: center;
    padding: 20px;
}

.packages-list[b-jzioxd5j7t] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/TopApplicationIntermit.razor.rz.scp.css */
.job-card[b-cnrz5xrpvw] {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.job-card-header[b-cnrz5xrpvw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.profile-pic[b-cnrz5xrpvw] {
    width: 80px;
    height: 80px;
    /*background-color: #777;*/
    border-radius: 10px;
    margin-right: 20px;
}

    .profile-pic > img[b-cnrz5xrpvw] {
        width: 100px;
        height: 100px;
        border-radius: 10px;
    }

.job-info[b-cnrz5xrpvw] {
    flex-grow: 1;
}

    .job-info h2[b-cnrz5xrpvw] {
        margin: 0 0 10px 0;
        font-size: 1.5em;
    }

.job-details[b-cnrz5xrpvw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #555;
}

.no-link[b-cnrz5xrpvw] {
    color: inherit;
    text-decoration: none;
}

.job-info p[b-cnrz5xrpvw] {
    margin: 0;
    font-size: 0.9em;
    color: #777;
}

.job-actions[b-cnrz5xrpvw] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    color: #555;
}

    .job-actions .material-icons[b-cnrz5xrpvw] {
        font-size: 1.2em;
    }

.job-card-footer[b-cnrz5xrpvw] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.intermit-btn[b-cnrz5xrpvw] {
    background-color: transparent;
    color: #6200ea;
    border: 1px solid #6200ea;
    border-radius: 20px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 0.9em;
}
button[b-cnrz5xrpvw] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    width: 25%;
}
@media(max-width:480px){
    .job-details[b-cnrz5xrpvw]{
        flex-direction:column;
        align-items:center;
    }
    .job-card-header[b-cnrz5xrpvw]{
        align-items:center;
    }
    .job-info h3[b-cnrz5xrpvw]{
        font-size:16px;
    }
    .job-info[b-cnrz5xrpvw]{
        width:50%;
    }
    .job-actions[b-cnrz5xrpvw]{
        flex-direction:column;
    }
    .job-actions span[b-cnrz5xrpvw]{
        text-align:center;
    }
    .intermit-btn[b-cnrz5xrpvw]{
        width:auto;
    }

}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/TopApplicationMakeTopAgain.razor.rz.scp.css */
body[b-92yfmahh4k] {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.job-card[b-92yfmahh4k] {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #f00;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.job-card-header[b-92yfmahh4k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.profile-pic[b-92yfmahh4k] {
    width: 80px;
    height: 80px;
    background-color: #777;
    border-radius: 10px;
    margin-right: 20px;
}

.job-info[b-92yfmahh4k] {
    flex-grow: 1;
}

    .job-info h2[b-92yfmahh4k] {
        margin: 0 0 10px 0;
        font-size: 1.5em;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.days-left[b-92yfmahh4k] {
    background-color: #f44336;
    color: #fff;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 0.8em;
}

.job-details[b-92yfmahh4k] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #555;
}

.job-info p[b-92yfmahh4k] {
    margin: 0;
    font-size: 0.9em;
    color: #777;
}

.job-actions[b-92yfmahh4k] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    color: #555;
}

    .job-actions .material-icons[b-92yfmahh4k] {
        font-size: 1.2em;
    }

.job-card-footer[b-92yfmahh4k] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.top-btn[b-92yfmahh4k] {
    background-color: #6200ea;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 0.9em;
}
button[b-92yfmahh4k] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    width: 25%;
}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/WebMasterCandidateResumeComponent.razor.rz.scp.css */
.resume-contaner[b-5s56fjl187] {
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    gap: 8px;
    position: relative;
}

.download-resume-btn[b-5s56fjl187] {
    background-color: #2A9D8F;
    color: #FFFFFF;
    height: 40px;
    width: 149px;
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative;
}

.resume[b-5s56fjl187] {
    border-radius: 24px;
    box-shadow: 0px 0px 16px 4px rgba(71, 89, 228, 0.16);
}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/WebMasterHotJobComponent.razor.rz.scp.css */
.hot-jobs[b-pm5ul5ky4h] {
    width: 100%;
    padding: 40px 40px;
    text-align: center;
}

    .hot-jobs h2[b-pm5ul5ky4h] {
        font-size: 36px;
        margin-bottom: 20px;
    }

.job-cards[b-pm5ul5ky4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.job-card[b-pm5ul5ky4h] {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 300px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
    text-align: left;
}

    .job-card:hover[b-pm5ul5ky4h] {
        transform: translateY(-10px);
    }

.job-header[b-pm5ul5ky4h] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.avatar[b-pm5ul5ky4h] {
    width: 40px;
    height: 40px;
    /*background-color: #333;*/
    /*border-radius: 50%;*/
    margin-right: 10px;
}

    .avatar > img[b-pm5ul5ky4h] {
        height: 40px;
    }

.job-title[b-pm5ul5ky4h] {
    flex-grow: 1;
}

    .job-title h3[b-pm5ul5ky4h] {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .job-title p[b-pm5ul5ky4h] {
        font-size: 14px;
        color: #666;
    }

.promoted[b-pm5ul5ky4h] {
    background-color: #8338ec;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}

.job-info h4[b-pm5ul5ky4h] {
    font-size: 16px;
    margin-bottom: 5px;
}

.job-info p[b-pm5ul5ky4h] {
    font-size: 14px;
    color: #666;
}

.job-meta[b-pm5ul5ky4h] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.meta-item[b-pm5ul5ky4h] {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
}

    .meta-item i[b-pm5ul5ky4h] {
        font-size: 16px;
        margin-right: 5px;
    }

.admin-controls[b-pm5ul5ky4h] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    margin-left: auto;
}

.delete-button[b-pm5ul5ky4h],
.promote-button[b-pm5ul5ky4h],
.hot-job-button[b-pm5ul5ky4h] {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.promote-button[b-pm5ul5ky4h] {
    background-color: #3498db;
}

.hot-job-button[b-pm5ul5ky4h] {
    background-color: #f39c12;
}

.delete-button:hover[b-pm5ul5ky4h] {
    background-color: #c0392b;
}

.promote-button:hover[b-pm5ul5ky4h] {
    background-color: #2980b9;
}

.hot-job-button:hover[b-pm5ul5ky4h] {
    background-color: #e67e22;
}

.story-card[b-pm5ul5ky4h] {
    position: relative;
}

    .story-card .delete-button[b-pm5ul5ky4h] {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: #e74c3c;
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;
    }

        .story-card .delete-button:hover[b-pm5ul5ky4h] {
            background-color: #c0392b;
        }

@media (max-width:480px){
    .job-card[b-pm5ul5ky4h]{
        align-self:center;
    }
    .job-header[b-pm5ul5ky4h]{
        flex-direction:column;
    }
}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/WebMasterJobTitleComponent.razor.rz.scp.css */
.job-seeker-card[b-mud2gqt0b5] {
    display: flex;
    align-items: center;
    height: 164px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 28px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.promoted-card[b-mud2gqt0b5] {
    height: 188px;
    box-shadow: 0px 0px 20px 0px #2A9D8F80;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .job-seeker-card:hover[b-mud2gqt0b5],
    .promoted-card:hover[b-mud2gqt0b5] {
        transform: translateY(-5px); /* Moves the card up slightly */
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Increases the shadow for a lifted effect */
    }

.job-seeker-card img[b-mud2gqt0b5] {
    width: 117px;
    height: 117px;
    border-radius: 10px;
    background-color: #ccc;
    margin-right: 20px;
}

.job-seeker-card .seeker-content[b-mud2gqt0b5] {
    flex: 1;
}

    .job-seeker-card .seeker-content .title[b-mud2gqt0b5] {
        font-size: 1.2em;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

.promoted-label[b-mud2gqt0b5] {
    margin-left: 10px;
    background-color: #8338EC;
    color: white;
    font-size: 0.8em;
    padding: 5px 10px;
    border-radius: 16px;
    height: 24px;
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-seeker-card .seeker-content .details[b-mud2gqt0b5] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    color: #555;
}

    .job-seeker-card .seeker-content .details span[b-mud2gqt0b5] {
        margin-right: 15px;
        display: flex;
        align-items: center;
    }

        .job-seeker-card .seeker-content .details span i[b-mud2gqt0b5] {
            margin-right: 5px;
        }

.job-seeker-card .seeker-content .description[b-mud2gqt0b5] {
    color: #555;
}

.job-seeker-card .favorite[b-mud2gqt0b5] {
    color: #ccc;
    font-size: 1.5em;
    cursor: pointer;
}
.admin-controls[b-mud2gqt0b5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    margin-left: auto;
}

.delete-button[b-mud2gqt0b5],
.demote-button[b-mud2gqt0b5],
.promote-button[b-mud2gqt0b5],
.hot-job-button[b-mud2gqt0b5] {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.promote-button[b-mud2gqt0b5] {
    background-color: #3498db;
}
.demote-button[b-mud2gqt0b5] {
    background-color: #3498db;
}

.hot-job-button[b-mud2gqt0b5] {
    background-color: #f39c12;
}

.delete-button:hover[b-mud2gqt0b5] {
    background-color: #c0392b;
}

.promote-button:hover[b-mud2gqt0b5] {
    background-color: #2980b9;
}

.hot-job-button:hover[b-mud2gqt0b5] {
    background-color: #e67e22;
}

.story-card[b-mud2gqt0b5] {
    position: relative;
}

    .story-card .delete-button[b-mud2gqt0b5] {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: #e74c3c;
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;
    }

        .story-card .delete-button:hover[b-mud2gqt0b5] {
            background-color: #c0392b;
        }

@media(max-width:480px){
    .details[b-mud2gqt0b5]{
        flex-direction:column;
    }
    .job-seeker-card img[b-mud2gqt0b5]{
        width:50px;
        height:50px;
    }
    .job-seeker-card .seeker-content .title[b-mud2gqt0b5]{
        flex-direction:column;
    }
    .promoted-card[b-mud2gqt0b5]{
        height:auto;
    }
    .job-seeker-card[b-mud2gqt0b5]{
        height:auto;
    }
    .job-seeker-card .seeker-content[b-mud2gqt0b5]{
        width:40%;
    }
    
}
/* _content/JobPortal/Components/Component_Card/WebMasterComponents/WebMastersSideBar.razor.rz.scp.css */
.epj-aside[b-a5g4zxmro7] {
    width: 373px;
    font-family: "Montserrat",sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 500;
    font-size: 18px;
    height: 100%;
    background-color: #070C38;
}

.epj-menu[b-a5g4zxmro7] {
    margin-top: 38px;
    display: flex;
    align-items: center;
}

.epj-aside li[b-a5g4zxmro7] {
    list-style-type: none;
    width: 90%;
}

.epj-aside ul[b-a5g4zxmro7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0;
}

.epj-aside li a[b-a5g4zxmro7] {
    margin-left: 12px;
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}

.epj-profileMenu[b-a5g4zxmro7] {
    margin-left: 15px;
    margin-bottom: 46px;
}


.epj-menu[b-a5g4zxmro7]  .empl-aside__link {
    padding-left: 60px;
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 0px 100px 100px 0px;
    height: 3rem;
    display: flex;
    gap: 12px;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    text-decoration: none;
    transition: 0.35s;
}

.epj-menu[b-a5g4zxmro7]  a.active {
    background-color: rgba(47, 26, 114, 1);
    color: white;
    font-weight: 700;
}

    .epj-menu[b-a5g4zxmro7]  a.active:hover {
        background-color: rgba(47, 26, 114, 1);
    }

.epj-menu[b-a5g4zxmro7]  .empl-aside__link:hover {
    background-color: rgba(47, 26, 114, 0.5);
    color: white;
}
@media(max-width:480px){
    .epj-aside[b-a5g4zxmro7]{
        display:none;
    }
}
/* _content/JobPortal/Components/HotJobApplyComponent/HotJobApplyComponent.razor.rz.scp.css */
.job-apply-card[b-24dcp4c1lo] {
    background-color: #e0e0e0;
    border-radius: 10px;
    width: 315px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    text-align: left;
}

    .job-apply-card:hover[b-24dcp4c1lo] {
        transform: translateY(-10px);
    }


.job-apply-card-header[b-24dcp4c1lo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-pic[b-24dcp4c1lo] {
    width: 50px;
    height: 50px;
    background-color: #777;
    border-radius: 50%;
}

.company-info[b-24dcp4c1lo] {
    flex-grow: 1;
    margin-left: 10px;
}

    .company-info h2[b-24dcp4c1lo] {
        margin: 0;
        font-size: 1.2em;
    }

    .company-info p[b-24dcp4c1lo] {
        margin: 0;
        font-size: 0.9em;
        color: #555;
    }

.favorite-icon[b-24dcp4c1lo] {
    font-size: 1.5em;
    color: #555;
}

.job-apply-card-body h3[b-24dcp4c1lo] {
    margin: 10px 0 5px;
    font-size: 1.1em;
}

.job-apply-card-body p[b-24dcp4c1lo] {
    margin: 0;
    color: #777;
    font-size: 0.9em;
}

.job-apply-card-footer[b-24dcp4c1lo] {
    display: flex;
    flex-direction: column;
}

.job-info[b-24dcp4c1lo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.job-type[b-24dcp4c1lo], .job-date[b-24dcp4c1lo] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9em;
}

hr[b-24dcp4c1lo] {
    width: 100%;
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin: 10px 0;
}

.apply-btn[b-24dcp4c1lo] {
    background-color: transparent;
    color: #000;
    border: none;
    padding: 10px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
}

    .apply-btn span[b-24dcp4c1lo] {
        font-size: 1.2em;
    }

@media(max-width:480px){
    .job-apply-card[b-24dcp4c1lo]{
        margin-bottom:20px;
    }
   
}
/* _content/JobPortal/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-vviag4rtfm] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main[b-vviag4rtfm] {
    flex: 1;
    display: flex;
    flex-direction: column;
}  

.content[b-vviag4rtfm] {   
    flex: 1;
}

.footer[b-vviag4rtfm] {
    background-color: #000813 !important;
    color: #fff;
    padding: 40px;
    padding-left:0;
    padding-right:0;
    text-align: center;
    height: 457px;
    margin-top: auto;
    display: grid;
    grid-template-columns: 350px 1fr;
}

.footer-top[b-vviag4rtfm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.footer-logo[b-vviag4rtfm] {
    font-size: 24px;
    font-weight: bold;
}

.footer-social a[b-vviag4rtfm] {
    color: #fff;
    margin: 0 10px;
    font-size: 30px;
}

.footer-links[b-vviag4rtfm] {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 20px;
}

    .footer-links div[b-vviag4rtfm] {
        flex: 1;
    }

    .footer-links h3[b-vviag4rtfm] {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .footer-links ul[b-vviag4rtfm] {
        list-style: none;
        padding: 0;
    }

        .footer-links ul li[b-vviag4rtfm] {
            margin: 5px 0;
        }

            .footer-links ul li a[b-vviag4rtfm] {
                color: #bbb;
                text-decoration: none;
            }

.footer-bottom[b-vviag4rtfm] {
    border-top: 1px solid #555;
    padding-top: 20px;
    font-size: 14px;
    margin-left:5vw;
    width:90vw;
    justify-content:space-between;
    display:flex;
    gap:40px;
}

    .footer-bottom p[b-vviag4rtfm], .footer-bottom ul[b-vviag4rtfm], .footer-bottom a[b-vviag4rtfm] {
        color: #bbb;
        text-decoration: none;
    }

    .footer-bottom ul[b-vviag4rtfm] {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        margin: 10px 0;
    }

        .footer-bottom ul li[b-vviag4rtfm] {
            margin: 0 10px;
        }

    .footer-bottom a.language[b-vviag4rtfm] {
        margin-top: 10px;
        display: inline-block;
        color: #bbb;
    }

@media(max-width:480px){
    .footer[b-vviag4rtfm]{
        height:auto;
        display:flex;
        flex-direction:column;
    }
    .footer-links[b-vviag4rtfm]{
        display:flex;
        flex-direction:column;
    }
    .footer-bottom[b-vviag4rtfm]{
        width:85vw;
    }
    .footer-links div[b-vviag4rtfm]{
        width:300px ;
        margin:0 auto;
    }

}
/* _content/JobPortal/Components/Layout/NavMenu.razor.rz.scp.css */
.header[b-94lis2mzih] {
    width: 100%;
    background: linear-gradient(180deg, #000813, #001D3D,#001D3D);
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff !important;
}  

.header-content[b-94lis2mzih] {
    width: 100%;
    max-width: 1440px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

/*.logo {
    font-size: 24px;
    font-weight: bold;
    color:#ffffff;
}*/

.nav-links[b-94lis2mzih] {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.nav-links li[b-94lis2mzih] {
    margin: auto 15px;
}

.nav-links a[b-94lis2mzih] {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}

.header-buttons[b-94lis2mzih] {
    display: flex;
    align-items: center;
}

.post-job[b-94lis2mzih] {
    padding: 4px 42px ;
    color: #ffffff;
    border: 1px solid #ffffff !important;
    background-color: transparent;
    cursor: pointer;
    margin-right: 10px;
    font-weight: bold;
    border-radius: 8px;
    line-height: 33.6px;
}

.sign-in[b-94lis2mzih] {
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
}

.profile-image[b-94lis2mzih] {
    margin:auto;
    background-size: cover;
    border-radius: 100%;
    background-color: gray;
    width: 50px;
    height: 50px;
}

.login-text[b-94lis2mzih]{
    font-size:18px;
    margin:auto;
}

.acc-box[b-94lis2mzih] {
    display:flex;
    align-items:center;
    gap:16px;
}
.nav-profile[b-94lis2mzih] {
    display:flex;
    align-items:center;
    gap:10px;
}
.nav_profile__logo[b-94lis2mzih] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.rtd90[b-94lis2mzih] {
    transform:rotate(90deg);
    transform-origin:center;
}
.nav-names-box[b-94lis2mzih]{
    cursor:pointer;
    display:flex;
    gap:2px;
}

.nav-menu-box[b-94lis2mzih] {
    color:black !important;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    border-radius: 8px;
    width: 300px;
    transition: 0.4s;
    top: 30px;
    right: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
}
.nav-menu-box ul[b-94lis2mzih] {
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
}

    .nav-menu-box li[b-94lis2mzih] {
        padding: 16px 0px 16px 32px;
        width:100%;  
    }
        .nav-menu-box li:hover[b-94lis2mzih] {
            background-color: rgba(238, 238, 238, 0.5);
        }
[b-94lis2mzih] .nav-menu__link {
    text-decoration: none;
    display: flex;  
    align-items: center;
    gap:12px;
    color: rgba(75, 75, 75, 1);
}
        .nav-profile-box[b-94lis2mzih] {
            display: flex;
            gap:8px;
            align-items: center;
            position: relative;
        }

    .nav-profile-box:hover .nav-menu-box[b-94lis2mzih],
    .nav-menu-box:hover .nav-profile-box[b-94lis2mzih] {
        transform:translateY(5px);
        visibility: visible;
        opacity: 1;
    }
.brd-btm[b-94lis2mzih] {
    border-bottom: 1px solid rgba(202, 202, 202, 1);

}
.nav-logout-btn[b-94lis2mzih] {
    display: flex;
    align-items: center;
    gap: 12px;
    border: none;
    background: none;
    color: rgba(75, 75, 75, 1);
}

.clr-black[b-94lis2mzih] {
    color:rgba(75, 75, 75, 1);
}

.nav-links li a[b-94lis2mzih] {
    display: flex;
    font-size:20px;
    font-weight:400;
}
.menu-toggle[b-94lis2mzih]{
    display:none;
    margin-left:10px;
    z-index:100;
}
.header-buttons .post-job[b-94lis2mzih]{
    width:150px;
}
.nav-links[b-94lis2mzih]{
    flex-wrap:wrap;
    justify-content:center
}
.absolute[b-94lis2mzih] {
    width: 100%;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff !important;
    position: absolute;
    z-index: 1;
    background-color: #002d5e3d;
    backdrop-filter: blur(16px);
}
option[b-94lis2mzih]{
    color:black;
}
select[b-94lis2mzih]{
    background:none;
    border:none;
    color:white;
}

.en[b-94lis2mzih]{
    width:35px;
    height:35px;
    background-image:url(../../images/Flag_of_the_United_Kingdom.png);
    background-position:center;
    background-size:cover;
    border-radius:50%;
}
.ru[b-94lis2mzih] {
    width: 35px;
    height: 35px;
    background-image: url(../../images/Flag_of_Russia.png);
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
.hy[b-94lis2mzih] {
    width: 35px;   
    height: 35px;
    background-image: url(../../images/Flag_of_Armenia.svg.png);
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
@media (max-width: 480px) { 
    .header[b-94lis2mzih] {
        padding: 10px;
    }
    .language_select[b-94lis2mzih]{
        font-size:14px;
        margin-right:5px;
    }
    .logo7[b-94lis2mzih] {
        font-size: 18px; 
        justify-content: center;
        width: auto; 
    }

    .nav-links[b-94lis2mzih] {
        display: none; 
    }
    .nav-links li a[b-94lis2mzih] {
        font-size:15px;
    }

    .menu-toggle[b-94lis2mzih] {
        display: block; 
        font-size: 24px;
        cursor: pointer;
        color: #ffffff;
    }

    .nav-links.active[b-94lis2mzih] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-color: rgba(7, 12, 56, 1);
        width: 41.3%;
        position: absolute;
        top: 15px;
        left: 0;
        padding: 20px;
        padding-left: 10px;
        z-index: 99;
        margin-top: 78.8px;
        margin-left: 58.7%;
        gap: 15px;
        border-radius: 0 0 0 25px;
        justify-content: space-between;
        height: auto;
        flex-direction: row;
        background-color: #0b131be3;
    }
    .nav-menu-box[b-94lis2mzih]{
        padding-left:30px;
    }

    .header-buttons[b-94lis2mzih] {
        flex-direction: column;
        gap: 8px;
        width: 100%;
        align-items: stretch;
    }

    .post-job[b-94lis2mzih] {
        font-size: 14px;
        padding:4px 4px;
        border-radius: 6px;
        padding:4px;
        line-height:14px;
        width:auto;
        height:50px;
    }
    .nav-names-box[b-94lis2mzih]{
        display:none;
    }
    .acc-box[b-94lis2mzih]{
        justify-content:end;
    }
    .arrow[b-94lis2mzih]{
        display:none;
    }
    .acc-box[b-94lis2mzih]{
        gap:0;
        padding:5px;
    }
    .header-buttons .post-job[b-94lis2mzih]{
        font-size:10px;
        width:80px;
    }
    .logo7 > img[b-94lis2mzih]{
        width:100px !important;
        height:25px !important;
    }
    .en[b-94lis2mzih]{
        width:20px;
        height:20px;
        margin-left:10px;
    }
    .ru[b-94lis2mzih] {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }
    .hy[b-94lis2mzih] {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }
    .sign-in[b-94lis2mzih]{
        text-align:center;
        font-size:12px;
        width:fit-content;
        margin-right:0;
    }
    .header-buttons[b-94lis2mzih]{
        display:flex;
        flex-direction:row;
        width:fit-content;
        gap:0;
        align-items:center;
    }
}

/*@media(min-width:1025px) and (max-width:1200px){
    .header-buttons .post-job{
        width:138px;
    }
    .first_section{
        gap:0 !important;
    }
    .nav-links li{
        margin:auto 8px;
    }
    .nav-links{
        flex-wrap:wrap;
        justify-content:center;
        margin-left:10px !important;
    }
    .logo7{
        width:min-content;
    }
}*/
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateAppliedJobs.razor.rz.scp.css */
.main-container[b-46hphmomfn] {
    width: 100%;
    height: 100%;
}

.candidate-applied-jobs-container[b-46hphmomfn] {
    min-height: 70vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-applied-jobs-header[b-46hphmomfn] {
    width: 100%;
}

.candidate-applied-jobs-header-start[b-46hphmomfn] {
    width: 100%;
}

.candidate-applied-jobs-header-start-title[b-46hphmomfn] {
}

.candidate-applied-jobs-header-end[b-46hphmomfn] {
    width: 100%;
}

.candidate-applied-jobs-header-end-filters[b-46hphmomfn] {
    width: 60%;
    gap: 10px;
}

.candidate-applied-jobs-middle-container[b-46hphmomfn] {
    width: 100%;
    gap: 20px;
}

.candidate-applied-jobs-footer[b-46hphmomfn] {
    width: 100%;
}






h1[b-46hphmomfn] {
    font-size: 32px;
    margin: 0;
}

h2[b-46hphmomfn] {
    font-size: 24px;
    margin: 0;
    color: #000;
}

p[b-46hphmomfn] {
    font-size: 16px;
    margin: 0;
}



.clear-btn[b-46hphmomfn] {
    border: solid 1px #79747E;
    padding: 5px;
    border-radius: 15px;
}

.search-box[b-46hphmomfn] {
    padding: 5px;
    width: 427px;
    border: solid 1px #79747E;
    padding: 5px;
    border-radius: 15px;
}

@media(max-width:480px) {
    .candidate-applied-jobs-header-start[b-46hphmomfn] {
        display: flex !important;
        flex-direction: column !important;
        align-items:center !important;
        gap:15px;
    }
    .search-box[b-46hphmomfn]{
        width:100%;
        margin-left:7%;
        margin-top:10px;
        margin-bottom:20px;
    }
    .candidate-applied-jobs-header-end[b-46hphmomfn]{
        display: flex !important;
        flex-direction: column !important;
    }
    .candidate-applied-jobs-header-end-filters[b-46hphmomfn]{
        width:100%;
    }
    .candidate-applied-jobs-header-end-filters>h3[b-46hphmomfn]{
        font-size:18px;
    }
    .candidate-applied-jobs-middle-container[b-46hphmomfn]{
        width:100%;
    }
    h2[b-46hphmomfn]{
        font-size:23px !important;
    }
    h3[b-46hphmomfn]{
        font-size:22px !important;
    }

    
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateBuildResume.razor.rz.scp.css */












.main-container[b-3f31ap0ba9] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.aside[b-3f31ap0ba9] {
    gap: 20px;
    background-color: #717171;
    width: 25%;
}

.main[b-3f31ap0ba9] {
    gap: 20px;
    width: 80%;
    padding: 30px 0 20px 0;
}

button.active[b-3f31ap0ba9] {
    background-color: #FF9E1B;
    color: #000;
    border-radius: 8px;
    color:white;
    text-align:center !important;
    margin: 0 auto 0 auto;
    text-align: left;
}

button.non-active[b-3f31ap0ba9] {
    background: none;
    text-align:center !important;
    color: black;
    border: black solid 1px;
    border-radius: 8px;
    margin: 0 auto 0 auto;
    text-align: left;
}

button.aside-button[b-3f31ap0ba9] {
    width: 80%;
}

div.to-back[b-3f31ap0ba9] {
    background: none;
    color: #000;
    border: none;
    /*font-size: 28px;
    font-weight: 600;*/
    width: 80%;
    margin: 15px auto 0 auto;
    font-family: Bebas Neue;
    font-size: 40px;
    text-align: left;
    height: 40px;
    gap: 8px;
    cursor: pointer;
}

div.to-back p[b-3f31ap0ba9] {
    font-family: Bebas Neue;
    font-size: 40px;
    text-align: left;
    height: 45px;
    margin: 0;
}

.image-box[b-3f31ap0ba9] {
    width: 93%;
    gap: 20px;
    margin-left: 20px;
}

.image[b-3f31ap0ba9] {
    height: 200px;
    width: 200px;
    background-color: #D9D9D9;
    border-radius: 50%;
}

h2[b-3f31ap0ba9] {
    font-family: Bebas Neue;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    text-align: left;
}

.small-container[b-3f31ap0ba9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding:2.5%;
}

.small-container-wrap[b-3f31ap0ba9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin:0 auto;
    border-radius:20px;
    padding:40px;
    background-color:white;
}

.small-container-wrap-item[b-3f31ap0ba9] {
    width: 47%;
}

.small-container-wrap-item p[b-3f31ap0ba9], .small-container-large-item p[b-3f31ap0ba9] {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
}

.small-container-large[b-3f31ap0ba9] {
    width: 100%;
}

.small-container-large-item[b-3f31ap0ba9] {
    width: 100%;
}

.add-another[b-3f31ap0ba9] {
    display:flex;
    gap:30px;
}








[b-3f31ap0ba9] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-3f31ap0ba9] .input-description {
    height: 132px;
    resize: none;
}

.button-x[b-3f31ap0ba9] {
    border: 1px solid #000;
    width: 56px;
    height: 40px;
    padding: 6px 16px 6px 16px;
    gap: 8px;
    border-radius: 4px;
}

.button-add[b-3f31ap0ba9] {
    border: 1px solid #000;
    width: 100%;
    height: 40px;
    padding: 8px 0px 8px 0px;
    border-radius: 8px;
    gap: 5px;
}

.button-add p[b-3f31ap0ba9] {
    margin: 0;
    font-family: Montserrat arm;
    font-size: 16px;
    font-weight: 900;
    line-height: 19.5px;
    text-align: center;
}

.action-buttons[b-3f31ap0ba9] {
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.action-buttons button[b-3f31ap0ba9] {
    width: 47%;
}

.btn-primary[b-3f31ap0ba9] {
    color: #fff;
    background-color: #2BAB62;
}

.btn-secondary[b-3f31ap0ba9] {
    color: #303030;
    background: none;
}

hr[b-3f31ap0ba9] {
    width: 100%;
    margin: 0;
}












.navigation[b-3f31ap0ba9] {
    width: 93%;
    padding-left: 20px;
}

.pagination-controls[b-3f31ap0ba9] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


.pagination-controls .page-button[b-3f31ap0ba9] {
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    cursor: pointer;
}

    .pagination-controls .page-button.active[b-3f31ap0ba9] {
        background-color: #001D3D;
        color: white;
    }

.pagination-controls .page-button:disabled[b-3f31ap0ba9] {
    background-color: #ddd;
    cursor: not-allowed;
}

.templates[b-3f31ap0ba9] {
    gap: 20px;
    row-gap: 20px;
    width: 93%;
    padding-left: 20px;
}

.blue[b-3f31ap0ba9] {
    background-color: white;
    width:200px;
}
@media(max-width:480px){
    .main-container[b-3f31ap0ba9]{
        flex-direction:column !important;
    }
    .aside[b-3f31ap0ba9]{
        width:100%;
        padding-bottom:24px;
    }
    .aside button[b-3f31ap0ba9]{
        width:50%;
    }
    .to-back[b-3f31ap0ba9]{
        width:67%;
        margin:0 auto;
    }
    .templates[b-3f31ap0ba9]{
        width:min-content;
        align-self:center;
        padding-left:0;
    }
    .main[b-3f31ap0ba9]{
        width:100%;
    }
    .pagination-controls[b-3f31ap0ba9]{
        flex-wrap:wrap;
    }
    .add-another[b-3f31ap0ba9]{
        display:flex;
        flex-direction:column;
    }
    h2[b-3f31ap0ba9]{
        font-size:20px;
    }
    p[b-3f31ap0ba9]{
        font-size:12px !important;
    }
    .cv-builder[b-3f31ap0ba9]{
        font-size:30px !important;
    }
    .small-container-wrap-item[b-3f31ap0ba9]{
        width:90%;
    }
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateFollowing.razor.rz.scp.css */
.main-container[b-wn4yt751jr] {
    width: 100%;
    height: 100%;
}

.candidate-following-container[b-wn4yt751jr] {
    min-height: 70vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-following-header[b-wn4yt751jr] {
    width: 100%;
}

.candidate-following-header-start[b-wn4yt751jr] {
    width: 100%;
}

.candidate-following-header-start-title[b-wn4yt751jr] {
}

.candidate-following-header-end[b-wn4yt751jr] {
    width: 100%;
}

.candidate-following-header-end-filters[b-wn4yt751jr] {
    width: 60%;
    gap: 10px;
}

.filter-item[b-wn4yt751jr] {
    color: #717171;
    border: solid 2px #717171;
    border-radius: 4px;
    padding:5px 10px;
    cursor: pointer;
}

    .filter-item.choosen[b-wn4yt751jr] {
        background-color: #001D3D;
        color: #fff;
        border: none;
    }

.candidate-following-middle-container[b-wn4yt751jr] {
    width: 100%;
    gap: 20px;
}

.candidate-following-footer[b-wn4yt751jr] {
    width: 100%;
}






h1[b-wn4yt751jr] {
    font-size: 32px;
    margin: 0;
}

h2[b-wn4yt751jr] {
    font-size: 24px;
    margin: 0;
    color: #000;
}

p[b-wn4yt751jr] {
    font-size: 16px;
    margin: 0;
}



.clear-btn[b-wn4yt751jr] {
    border: solid 1px #79747E;
    padding: 5px;
    border-radius: 15px;
}

.search-box[b-wn4yt751jr] {
    padding: 5px;
    width: 427px;
    border: solid 1px #79747E;
    padding: 5px;
    border-radius: 15px;
}
@media(max-width:480px){    
    .candidate-following-container[b-wn4yt751jr]{
        padding:0;
    }
    .candidate-following-header-start[b-wn4yt751jr] {
        display: flex !important;
        flex-direction: column !important;
        align-items:center !important;
        width: auto;
        margin-top: 20px;
    }
    .candidate-following-header-end-filters[b-wn4yt751jr] {
        width: auto;
        display: flex !important;
        flex-direction:column !important;
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left:20px;
    }
    .search-box[b-wn4yt751jr] {
        width: 100%;
    }
    .candidate-following-header-end[b-wn4yt751jr] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .candidate-following-header-start>h2[b-wn4yt751jr]{
        font-size:24px;
    }
    .candidate-following-header-start-title[b-wn4yt751jr]{
        margin-bottom:10px !important;
    }
    .pagination-controls[b-wn4yt751jr]{
        margin-bottom:20px;
    }
}



.navigation[b-wn4yt751jr] {
    width: 93%;
    padding-left: 20px;
}

.pagination-controls[b-wn4yt751jr] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


.pagination-controls .page-button[b-wn4yt751jr] {
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    cursor: pointer;
}

    .pagination-controls .page-button.active[b-wn4yt751jr] {
        background-color: #001D3D;
        color: white;
    }

.pagination-controls .page-button:disabled[b-wn4yt751jr] {
    background-color: #ddd;
    cursor: not-allowed;
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateProfile.razor.rz.scp.css */
.main-container[b-uk8e5scb83] {
    width: 100%;
    height: 100%;
}

.candidate-profile-container[b-uk8e5scb83] {
    min-height: 70vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 70px;
}

.candidate-profile-title[b-uk8e5scb83] {
    width: 100%;
    color: #fff;
    display: flex;
}

.candidate-profile-logo[b-uk8e5scb83] {
    width: 25%;
    aspect-ratio: 1/1;
    background-color: #d9d9d9;
    background-size: cover
}

.candidate-profile-logo-background[b-uk8e5scb83] {
    width: 75%;
    aspect-ratio: 14/3;
    background-color: #49454F;
    padding: 40px 0 40px 40px;
    gap: 30px;
    position: relative;
}

.candidate-profile-logo-background-items[b-uk8e5scb83] {
    display: grid;
    grid-template-columns: 250px 250px;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
}

.item1[b-uk8e5scb83] {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.item2[b-uk8e5scb83] {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.item3[b-uk8e5scb83] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.item4[b-uk8e5scb83] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.candidate-profile-description-container[b-uk8e5scb83] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-education-container[b-uk8e5scb83] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-experience-container[b-uk8e5scb83] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}






h1[b-uk8e5scb83] {
    font-size: 32px;
    margin: 0;
}

h2[b-uk8e5scb83] {
    font-size: 24px;
    margin: 0;
    font-weight: 700;
}

p[b-uk8e5scb83] {
    font-size: 16px;
    margin: 0;
    align-items: center;
    display: flex;
    gap: 3px;
}



label[b-uk8e5scb83] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}

label:hover[b-uk8e5scb83] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}

.edit[b-uk8e5scb83] {
    background: none;
    color: #fff;
    border: 1px #fff solid;
    border-radius: 8px;
    padding: 10px 16px 10px 24px;
    text-align: center;
    gap: 8px;
    width: 95px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 30px 30px 0 0
}

.edit p[b-uk8e5scb83] {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}
@media(max-width:480px){
    .candidate-profile-title[b-uk8e5scb83]{
        display:flex !important;
        flex-direction:column !important;
        width:100%;
    }
    .candidate-profile-logo-background-items[b-uk8e5scb83]{
        display:flex;
        flex-direction:column;
    }
    .candidate-profile-container[b-uk8e5scb83]{
        padding:0;

    }
    .candidate-profile-logo[b-uk8e5scb83]{
        width:35%;
        border-radius:50%;
        margin:10px;
    }
    .candidate-profile-description-container[b-uk8e5scb83], .candidate-profile-education-container[b-uk8e5scb83], .candidate-profile-experience-container[b-uk8e5scb83] {
/*        width: auto;*/
        align-self: center;
    }
    .candidate-profile-logo-background[b-uk8e5scb83]{
        width:100% !important;
        height:auto !important;
        display:flex;
    }
    .main-container[b-uk8e5scb83]{
        height:auto !important;
    }
    .edit[b-uk8e5scb83]{
        margin:0;
        position:relative;
    }
    .education-container[b-uk8e5scb83]{
        margin:0 auto;
    }
    .experience-container[b-uk8e5scb83]{
        margin:0 auto;
    }
    .language-container[b-uk8e5scb83]{
/*        width:auto !important;*/
        margin:0 auto;
    }
    .hardskill-container[b-uk8e5scb83] {
        margin: 0 auto;
    }
    .softskill-container[b-uk8e5scb83] {
        margin: 0 auto;
    }
    .social-media-container[b-uk8e5scb83]{
        margin:0 auto;
    }

    h2[b-uk8e5scb83] {
        margin-left: 10px;
    }
    .candidate-profile-description-container p[b-uk8e5scb83]{
        margin-left:20px;
    }
/*    .candidate-profile-experience-container{
        width:90%;
    }*/
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateProfileEdit.razor.rz.scp.css */
.main-container[b-7ztcbz6zop] {
    width: 100%;
    height: 100%;
}

.candidate-profile-container[b-7ztcbz6zop] {
    min-height: 100vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-profile-description-container[b-7ztcbz6zop] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-education-container[b-7ztcbz6zop] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-experience-container[b-7ztcbz6zop] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

h2[b-7ztcbz6zop] {
    font-family: Bebas Neue;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    text-align: left;
    color: #000;
}

p[b-7ztcbz6zop] {
    font-size: 16px;
    margin: 0;
    align-items: center;
    display: flex;
    gap: 3px;
}



label[b-7ztcbz6zop] {
    /*width: 100%;
    height: 100%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}

/*label:hover {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}*/



.button-add[b-7ztcbz6zop] {
    border: 1px solid #2A9D8F;
    width: 100%;
    height: 40px;
    padding: 8px 0px 8px 0px;
    border-radius: 8px;
    gap: 5px;
    color: #2A9D8F;
}

.button-add p[b-7ztcbz6zop] {
    margin: 0;
    font-family: Montserrat arm;
    font-size: 16px;
    font-weight: 900;
    line-height: 19.5px;
    text-align: center;
    color: #2A9D8F;
}

.add-another[b-7ztcbz6zop] {
    width: 100%;
}































.main-container[b-7ztcbz6zop] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.image-box[b-7ztcbz6zop] {
    width: 93%;
    gap: 20px;
    margin-left: 20px;
}

.image[b-7ztcbz6zop] {
    height: 200px;
    width: 200px;
    background-color: #D9D9D9;
    border-radius: 50%;
}



.small-container[b-7ztcbz6zop] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 93%;
    padding-left: 20px;
    padding:20px;
    margin:0 auto;
}

.small-container-wrap[b-7ztcbz6zop] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 1px 0px 10px 0px grey;
    padding:20px;
}

.small-container-wrap-item[b-7ztcbz6zop] {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
}

.small-container-wrap-item p[b-7ztcbz6zop], .small-container-large-item p[b-7ztcbz6zop] {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
}

.small-container-large[b-7ztcbz6zop] {
    width: 100%;
}

.small-container-large-item[b-7ztcbz6zop] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
}

.add-another[b-7ztcbz6zop] {
    width: 100%;
}







[b-7ztcbz6zop] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-7ztcbz6zop] .input-description {
    height: 132px;
    resize: none;
    background-color: #EEEEEE;
    border: none;
    border-radius: 4px;
    padding-left: 24px;
}

.button-x[b-7ztcbz6zop] {
    border: 1px solid #000;
    width: 56px;
    height: 40px;
    padding: 6px 16px 6px 16px;
    gap: 8px;
    border-radius: 4px;
}

.action-buttons[b-7ztcbz6zop] {
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.action-buttons button[b-7ztcbz6zop] {
    width: 47%;
}

.btn-primary[b-7ztcbz6zop] {
    color: #fff;
    background-color: #FF9E1B;
}
p[b-7ztcbz6zop]{
    color:black;
}

.btn-secondary[b-7ztcbz6zop] {
    color: #303030;
    background-color:white ;
}

hr[b-7ztcbz6zop] {
    width: 100%;
    margin: 0;
}

.blue[b-7ztcbz6zop] {
    background-color: blue;
}
@media(max-width:480px){
    h2[b-7ztcbz6zop]{
        font-size:30px;
    }
    .image-box[b-7ztcbz6zop]{
        margin-left:0;
        width:100%;
    }
    .candidate-profile-container[b-7ztcbz6zop]{
        padding:10px;
    }
    .small-container[b-7ztcbz6zop]{
        padding:0;
    }
    .small-container-wrap-item[b-7ztcbz6zop]{
        width:95%;
    }
    p[b-7ztcbz6zop]{
        font-size:15px !important;
    }
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateProfileEditWithId.razor.rz.scp.css */
.main-container[b-kz9ih5f7ah] {
    width: 100%;
    height: 100%;
}

.candidate-profile-container[b-kz9ih5f7ah] {
    min-height: 100vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-profile-description-container[b-kz9ih5f7ah] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-education-container[b-kz9ih5f7ah] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-experience-container[b-kz9ih5f7ah] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

h2[b-kz9ih5f7ah] {
    font-family: Bebas Neue;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    text-align: left;
    color: #000;
}

p[b-kz9ih5f7ah] {
    font-size: 16px;
    margin: 0;
    align-items: center;
    display: flex;
    gap: 3px;
}



label[b-kz9ih5f7ah] {
    /*width: 100%;
    height: 100%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}

/*label:hover {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}*/



.button-add[b-kz9ih5f7ah] {
    border: 1px solid #2A9D8F;
    width: 100%;
    height: 40px;
    padding: 8px 0px 8px 0px;
    border-radius: 8px;
    gap: 5px;
    color: #2A9D8F;
}

    .button-add p[b-kz9ih5f7ah] {
        margin: 0;
        font-family: Montserrat arm;
        font-size: 16px;
        font-weight: 900;
        line-height: 19.5px;
        text-align: center;
        color: #2A9D8F;
    }

.add-another[b-kz9ih5f7ah] {
    width: 100%;
}































.main-container[b-kz9ih5f7ah] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.image-box[b-kz9ih5f7ah] {
    width: 93%;
    gap: 20px;
    margin-left: 20px;
}

.image[b-kz9ih5f7ah] {
    height: 200px;
    width: 200px;
    background-color: #D9D9D9;
    border-radius: 50%;
}



.small-container[b-kz9ih5f7ah] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    width: 93%;
    padding-left: 20px;
}

.small-container-wrap[b-kz9ih5f7ah] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.small-container-wrap-item[b-kz9ih5f7ah] {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
}

    .small-container-wrap-item p[b-kz9ih5f7ah], .small-container-large-item p[b-kz9ih5f7ah] {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.94px;
        text-align: left;
    }

.small-container-large[b-kz9ih5f7ah] {
    width: 100%;
}

.small-container-large-item[b-kz9ih5f7ah] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
}

.add-another[b-kz9ih5f7ah] {
    width: 100%;
}







[b-kz9ih5f7ah] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 48px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

[b-kz9ih5f7ah] .input-description {
    height: 132px;
    resize: none;
    background-color: #EEEEEE;
    border: none;
    border-radius: 4px;
    padding-left: 24px;
}

.button-x[b-kz9ih5f7ah] {
    border: 1px solid #000;
    width: 56px;
    height: 40px;
    padding: 6px 16px 6px 16px;
    gap: 8px;
    border-radius: 4px;
}

.action-buttons[b-kz9ih5f7ah] {
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .action-buttons button[b-kz9ih5f7ah] {
        width: 47%;
    }

.btn-primary[b-kz9ih5f7ah] {
    color: #fff;
    background-color: #2BAB62;
}

.btn-secondary[b-kz9ih5f7ah] {
    color: #303030;
    background: none;
}

hr[b-kz9ih5f7ah] {
    width: 100%;
    margin: 0;
}

.blue[b-kz9ih5f7ah] {
    background-color: blue;
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateProfileWithId.razor.rz.scp.css */
.main-container[b-usrky6xye8] {
    width: 100%;
    height: 100%;
}

.candidate-profile-container[b-usrky6xye8] {
    min-height: 70vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-profile-title[b-usrky6xye8] {
    width: 100%;
    color: #fff;
    display: flex;
}

.candidate-profile-logo[b-usrky6xye8] {
    width: 25%;
    aspect-ratio: 1/1;
    background-color: #d9d9d9;
    background-size: cover
}

.candidate-profile-logo-background[b-usrky6xye8] {
    width: 75%;
    aspect-ratio: 14/3;
    background-color: #49454F;
    padding: 40px 0 40px 40px;
    gap: 30px;
    position: relative;
}

.candidate-profile-logo-background-items[b-usrky6xye8] {
    display: grid;
    grid-template-columns: 250px 250px;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
}

.item1[b-usrky6xye8] {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.item2[b-usrky6xye8] {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.item3[b-usrky6xye8] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.item4[b-usrky6xye8] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.candidate-profile-description-container[b-usrky6xye8] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-education-container[b-usrky6xye8] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}

.candidate-profile-experience-container[b-usrky6xye8] {
    padding: 20px 0;
    gap: 10px;
    width: 100%;
}






h1[b-usrky6xye8] {
    font-size: 32px;
    margin: 0;
}

h2[b-usrky6xye8] {
    font-size: 24px;
    margin: 0;
    color: #4F48EC;
}

p[b-usrky6xye8] {
    font-size: 16px;
    margin: 0;
    align-items: center;
    display: flex;
    gap: 3px;
}



label[b-usrky6xye8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}

label:hover[b-usrky6xye8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6750A4;
    background: none;
    border: none;
}

.edit[b-usrky6xye8] {
    background: none;
    color: #fff;
    border: 1px #fff solid;
    border-radius: 8px;
    padding: 10px 16px 10px 24px;
    text-align: center;
    gap: 8px;
    width: 95px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 30px 30px 0 0
}

.edit p[b-usrky6xye8] {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateResumes.razor.rz.scp.css */
.main-container[b-qbjt1pbkcn] {
    width: 100%;
    height: 100%;
}

.candidate-resumes-container[b-qbjt1pbkcn] {
    min-height: 70vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-resumes-header[b-qbjt1pbkcn] {
    width: 100%;
    gap: 20px;
}

.candidate-resumes-header-start[b-qbjt1pbkcn] {
    width: 100%;
}

.candidate-resumes-header-start-title[b-qbjt1pbkcn] {
}

.candidate-resumes-header-end[b-qbjt1pbkcn] {
    width: 100%;
}

.candidate-resumes-header-end-filters[b-qbjt1pbkcn] {
    width: 60%;
    gap: 10px;
}

.filter-item[b-qbjt1pbkcn] {
    color: #000;
    border: solid 2px #000;
    padding: 5px;
    border-radius: 15px;
}

.candidate-resumes-middle-container[b-qbjt1pbkcn] {
    width: 100%;
    gap: 20px;
}

.candidate-resumes-footer[b-qbjt1pbkcn] {
    width: 100%;
}






h1[b-qbjt1pbkcn] {
    font-size: 32px;
    margin: 0;
}

h2[b-qbjt1pbkcn] {
    font-size: 30px;
    margin: 0;
    color: #000;
}

p[b-qbjt1pbkcn] {
    font-size: 16px;
    margin: 0;
}


.search-box[b-qbjt1pbkcn] {
    padding: 5px;
    width: 427px;
    border: solid 1px #79747E;
    padding: 5px;
    border-radius: 15px;
}





.candidate-resumes-header-end-view button[b-qbjt1pbkcn], .candidate-resumes-header-end-view label[b-qbjt1pbkcn] {
    background-color: white;
    color: black;
    border-radius: 5px;
    display: flex;
    border:1px solid black;
    align-content: center;
    gap: 8px;
}

@media(max-width:480px) {
    .candidate-resumes-header-end[b-qbjt1pbkcn] {
        display: flex !important;
        flex-direction: column !important;
    }

    .candidate-resumes-header-start[b-qbjt1pbkcn] {
        display: flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:15px;
    }
    h3[b-qbjt1pbkcn]{
        font-size:24px;
    }

    .search-box[b-qbjt1pbkcn]{
        width:100%;
    }
    .candidate-resumes-header-end-filters[b-qbjt1pbkcn]{
        width:100%;
        margin:15px;
    }
    .candidate-resumes-middle-container[b-qbjt1pbkcn]{
        justify-content:center !important;
    }
    .candidate-resumes-container[b-qbjt1pbkcn]{
        padding-top:30px;
    }
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateSavedJobs.razor.rz.scp.css */
.main-container[b-anhwcv4fv3] {
    width: 100%;
    height: 100%;
}

.candidate-saved-jobs-container[b-anhwcv4fv3] {
    min-height: 70vh;
    width: 100%;
    gap: 20px;
    padding: 60px 30px 80px 30px;
}

.candidate-saved-jobs-header[b-anhwcv4fv3] {
    width: 100%;
}

.candidate-saved-jobs-header-start[b-anhwcv4fv3] {
    width: 100%;
}

.candidate-saved-jobs-header-start-title[b-anhwcv4fv3] {

}

.candidate-saved-jobs-header-end[b-anhwcv4fv3] {
    width: 100%;
}

.candidate-saved-jobs-header-end-filters[b-anhwcv4fv3] {
    width: 60%;
    gap: 10px;
}

.filter-item[b-anhwcv4fv3] {
    color: #000;
    border: solid 2px #000;
    padding: 5px;
    padding: 4px 10px;
    border-radius: 15px;
}

.candidate-saved-jobs-middle-container[b-anhwcv4fv3] {
    width: 100%;
    gap: 20px;
}

.candidate-saved-jobs-footer[b-anhwcv4fv3] {
    width: 100%;
}






h1[b-anhwcv4fv3] {
    font-size: 32px;
    margin: 0;
}

h2[b-anhwcv4fv3] {
    font-size: 24px;
    margin: 0;
    color: #000;
}

p[b-anhwcv4fv3] {
    font-size: 16px;
    margin: 0;
}


.search-box[b-anhwcv4fv3] {
    padding: 5px;
    width: 427px;
    border: solid 1px #79747E;
    padding: 5px;
    border-radius: 15px;
}
.pagination-number-button[b-anhwcv4fv3] {
    margin: 0 5px;
    padding: 5px 10px;
    border: none;
    background-color: #f0f0f0;
    cursor: pointer;
}

    .pagination-number-button.active[b-anhwcv4fv3] {
        background-color: #001D3D;
        color: white;
    }

/*.pagination-number-button:hover {
    background-color: #e0e0e0;
}*/
@media(max-width:480px){
    .candidate-saved-jobs-header-start[b-anhwcv4fv3] {
        display: flex !important;
        flex-direction: column !important;
        align-items:center !important;
        gap:10px;
        width:auto;
        margin-top:20px;
        margin-bottom:10px !important;
    }
    .candidate-saved-jobs-container[b-anhwcv4fv3]{
        padding:0;
    }
    .candidate-saved-jobs-header-end[b-anhwcv4fv3]{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
    }
    .candidate-saved-jobs-header-start-search[b-anhwcv4fv3]{
        width:100%
    }
    .search-box[b-anhwcv4fv3]{
        width:100%;
    }
    .candidate-saved-jobs-header-end-filters[b-anhwcv4fv3] {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 20px;
        justify-content: space-evenly !important;
    }
    .candidate-saved-jobs-middle-container[b-anhwcv4fv3]{
        justify-content:center !important;
    }
    .saved-jobs-h2[b-anhwcv4fv3]{
        margin-left:25%;
    }
    .candidate-saved-jobs-header-start-title[b-anhwcv4fv3] {
        align-items: center ;
    }
    .saved-jobs-h2[b-anhwcv4fv3]{
        margin-left:0;
    }
    .candidate-saved-jobs-footer[b-anhwcv4fv3]{
        margin-bottom:17px;
    }
    .pagination-button[b-anhwcv4fv3]{
        border-radius:5px;
    }
}
/* _content/JobPortal/Components/Pages/CandidatePages/CandidateSettings.razor.rz.scp.css */
.candidate-settings-container[b-uh361ab0uk] {
    gap: 20px;
    padding-left: 50px;
}

.main-container[b-uh361ab0uk] {
    min-height: 100%;
    width: 100%;
    height: 100%;
}
/* _content/JobPortal/Components/Pages/CandidatePages/VerifyEmail.razor.rz.scp.css */
.candidate-settings-container[b-b9xyqmzgcn] {
    gap: 20px;
    padding-left: 50px;
}

.main-container[b-b9xyqmzgcn] {
    min-height: 100%;
    width: 100%;
    height: 100%;
}
/* _content/JobPortal/Components/Pages/EmployerPages/EmployerBusiness.razor.rz.scp.css */
.epj-parent[b-zj14nyjwcn] {

    font-family: "Montserrat",sans-serif;
    width: 100%;
    height: 160vh;
}

.epj-main[b-zj14nyjwcn], aside[b-zj14nyjwcn] {
    flex: 1;
}

.epj-main[b-zj14nyjwcn] {
    background-color: white;
    height: 100%;
}

.epj-head[b-zj14nyjwcn] {
    display: flex;
    align-items: center;
}

.epj-pageName[b-zj14nyjwcn] {
    margin-top: 40px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.epj-title[b-zj14nyjwcn] {
    margin-left: 5px;
    font-family: "Bebas Neue";
    font-size: 40px;
    font-weight: 400;
    margin-top:5px;
}

.epj-searcher[b-zj14nyjwcn] {
    margin-top:40px;
    margin-right:10px;
    position: relative;
    width: 450px;
}

.epj-searcher input[b-zj14nyjwcn] {
    width: 427px;
    height: 48px;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
}

.epj-searcher svg[b-zj14nyjwcn] {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.epj-search[b-zj14nyjwcn] {
    padding-left: 15px;
    margin-right: 30px;
    justify-self: flex-end;
    border-radius: 50px;
    border: solid 1px black;
    width: 427px;
}
.buttons[b-zj14nyjwcn]{
    width:100%;
    display:flex;
    justify-content:space-between;
    padding:44px 20px;
}

.pts-button[b-zj14nyjwcn] {
    display:flex;
    padding:8px 16px;
    align-items:center;
    height:max-content;
    border-radius:4px;
    border:1px solid;
    background:none;
    gap:8px;
}
.orange[b-zj14nyjwcn] {
    color: rgba(251, 133, 0, 1);
}

.green[b-zj14nyjwcn] {
    color: rgba(43, 171, 98, 1);
}
.red[b-zj14nyjwcn] {
    color: rgba(255, 35, 35, 1);
}
.blue[b-zj14nyjwcn] {
    color: rgba(79, 72, 236, 1);
}
.pts-btns[b-zj14nyjwcn] {
    display: flex;
    gap: 8px;
}
.purchase[b-zj14nyjwcn] {
    width: 240px;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    border-radius: 5px;
    background: #FF9E1B;
    border: 1px solid;
}
@media(max-width:480px){
    .epj-head[b-zj14nyjwcn]{
        flex-direction:column;
    }
    .epj-searcher[b-zj14nyjwcn]{
        width:85%;
        margin-top:0;
        margin-right:0;
    }
    .epj-searcher input[b-zj14nyjwcn]{
        width:100%;

    }
    .epj-searcher svg[b-zj14nyjwcn]{
        right:5%;
    }
    .purchase[b-zj14nyjwcn]{
        width:auto;
        padding:10px;

    }
    .buttons[b-zj14nyjwcn]{
        flex-wrap:wrap;
        justify-content:center;
    }
    .pts-btns[b-zj14nyjwcn]{
        flex-direction:column;
        width:60%;
    }
    .pts-button[b-zj14nyjwcn]{
        margin-top:20px;
    }
    .epj-parent[b-zj14nyjwcn]{
        height:auto;
    }
    .epj-main[b-zj14nyjwcn] {
        width: 100vw;
        overflow: hidden;
    }
}
/* _content/JobPortal/Components/Pages/EmployerPages/EmployerCandidates.razor.rz.scp.css */
.parent[b-05coajzxby] {
    font-family: "Montserrat",sans-serif;
    width: 100%;
    height: auto;
    min-height:100vh;
    margin-bottom:40px; 
}
.epj-main[b-05coajzxby], aside[b-05coajzxby] {
    flex: 1;
}

.epj-main[b-05coajzxby] {
    background-color: white;
    height: 100%;
}

.epj-head[b-05coajzxby] {
    display: flex;
    align-items: center;
    justify-content:space-between;
}

.epj-pageName[b-05coajzxby] {
    margin-top: 40px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.epj-title[b-05coajzxby] {
    margin-left: 5px;
    font-family: "Bebas Neue";
    font-size: 40px;
    font-weight: 400;
    margin-top: 5px;
}

.epj-searcher[b-05coajzxby] {
    margin-top: 40px;
    margin-right: 10px;
    position: relative;
    width: 450px;
}

.epj-searcher input[b-05coajzxby] {
    width: 427px;
    height: 48px;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
}
.epj-searcher svg[b-05coajzxby] {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.epj-search[b-05coajzxby] {
    padding-left: 15px;
    margin-right: 30px;
    justify-self: flex-end;
    border-radius: 50px;
    border: solid 1px black;
    width: 427px;
}

.c-table[b-05coajzxby] {
    border-collapse: collapse !important;
    margin: 27px 60px 0 20px;
    border-radius: 10px;
    box-shadow: 5px 4px 16px 6px rgb(94 94 94 / 16%);
    width: 95%;
}
.col1 input[b-05coajzxby] {
    width: 18px;
    height: 18px;
    outline: 2px solid rgba(73, 69, 79, 1); 
    outline-offset:-2px;
}
.c-table td[b-05coajzxby] {
   border: 1px solid rgba(0, 0, 0, 0.3);
   align-content:center;
}

.c-table tr td:first-child[b-05coajzxby] {
   border-left: none;
}

.c-table tr td:last-child[b-05coajzxby] {
    border-right: none;
}
.c-table .t-head td[b-05coajzxby] {
    border-top: none;
}

.c-table tr:last-child td[b-05coajzxby] {
    border-bottom: none;
}
.col1[b-05coajzxby] {
    width:1%;
}
.col6[b-05coajzxby] {
    width:12%;
}
.col5[b-05coajzxby] {
    width:12%;
}
.col4[b-05coajzxby]{
    width:10%;
}
.col2[b-05coajzxby],.col3[b-05coajzxby],.col4[b-05coajzxby],.col5[b-05coajzxby]{
    padding-left:24px;
}
.col6[b-05coajzxby]{
    padding:25px 42px 25px 42px ;
}
.col1[b-05coajzxby]{
    padding:24px;
}
.filt-button[b-05coajzxby] {
    position:relative;
    align-content:center;
    background: none;
    width: 18px;
    height: 18px;
    color: rgba(4, 48, 173, 1);
    border:none;
    bottom:8px;
    left:-12px;
}
.filt-button span[b-05coajzxby] {
    position:absolute;
    width:18px;
    height:18px;
}

.table-head[b-05coajzxby] {
    color: rgba(4, 48, 173, 1);
}
.job-app_profile-avatar[b-05coajzxby] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    background-color: rgba(217, 217, 217, 1);
    margin-right:10px;
}
.t-head[b-05coajzxby] {
    font-weight: 600;
}
.buttons[b-05coajzxby] {
    display:flex;
    margin-top:34px;
    margin-left:25px;
    width: 95%;
}
.buttons button[b-05coajzxby] {
    background: none;
    padding: 8px 16px 8px 16px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 4px;
    margin-right:10px;
    font-weight:600;
}
.buttons .b-new[b-05coajzxby] {

}
.buttons .b-edit[b-05coajzxby] {
    color: white;
    background: rgba(103, 80, 164, 1);
    border-radius:4px;
    width: 83px;
    border:none;
    margin-left: auto;
}

.delete[b-05coajzxby] {
    width:min-content;
    color:rgba(255, 35, 35, 1);
}

.material-symbols-outlined[b-05coajzxby]{
    font-weight:300;
}
.tr-candidates:hover[b-05coajzxby] {
    background: rgba(227, 255, 252, 1);
}

.employer-applications-main[b-05coajzxby]{
    display:grid;
    grid-template-columns:470px 1fr;
    grid-gap:20px;
    padding:0 60px 0 20px;
}
.employer-application-content[b-05coajzxby]{
    display:flex;
    flex-direction:column;
    padding-top:27px;
    gap:64px;
}
.application-user-box[b-05coajzxby] {
    display: flex;
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 0px 16px 4px rgba(71, 89, 228, 0.16);
    padding:25px;
}

.big_avatar[b-05coajzxby] {
    width: 64px;
    height: 64px;
}
.resume-box div[b-05coajzxby]{
    width:100% !important;
}
@media(max-width:480px){
    .epj-head[b-05coajzxby] {
        flex-direction: column;
        width: 100vw;
    }
    .epj-searcher[b-05coajzxby]{
        width:80%;
        margin-right:0;
    }
    .epj-searcher svg[b-05coajzxby]{
        right:5%;
    }
    .buttons[b-05coajzxby] {
        flex-wrap: wrap;
        width: 85%;
    }
    .buttons button[b-05coajzxby]{
        margin-top:20px;
    }
    .epj-main[b-05coajzxby]{
        width:100vw;
    }
    .parent[b-05coajzxby]{
        height:auto;
    }
    .epj-searcher input[b-05coajzxby]{
        width:100%;
    }
    .c-table[b-05coajzxby]{
        width:100%;
        margin-left:0;
        margin-top:20px;
        margin-bottom:20px;
    }
    .employer-applications-main[b-05coajzxby]{
        display:flex;
        flex-direction:column;
    }
    
}
/* _content/JobPortal/Components/Pages/EmployerPages/EmployerMyAccount.Razor.rz.scp.css */
.company-box[b-2a5pnw0wjn] {
    font-family: Montserrat;
    width: 100%;
    background-color: #f7f7f7;
}

.employer-header__box img[b-2a5pnw0wjn] {
    width: 100%;
    height: 300px;
}

.employer-header__box[b-2a5pnw0wjn] {
    position: relative;
    height: min-content;
}

.company-name[b-2a5pnw0wjn] {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #ffffff;
}

.company-editbtn[b-2a5pnw0wjn] {
    background: none;
    border: solid 1px white;
    border-radius: 8px;
    color: white;
    padding: 10px 16px 10px 24px;
    transition: 0.5s;
}

    .company-editbtn:hover[b-2a5pnw0wjn] {
        background-color: white;
        color: black;
        border: 1px solid black;
    }

.company-editbtn-follow[b-2a5pnw0wjn] {
    background: #FF9E1B;
    border: solid 1px #FF9E1B;
    border-radius: 8px;
    color: white;
    padding: 10px 16px 10px 24px;
    transition: 0.5s;
}
.followed[b-2a5pnw0wjn] {
    font-variation-settings: 'FILL';
}


.employer-name__box[b-2a5pnw0wjn] {
    display: grid;
    position: relative;
    grid-template-columns: max-content min-content;
    grid-auto-rows: min-content;
    height: max-content;
    color: white;
    top: 60px;
    grid-column-gap: 24px;
    grid-row-gap: 6px
}

.employer-main__box[b-2a5pnw0wjn] {
    display: grid;
    position: relative;
    grid-template-columns: 335px max-content;
    padding: 0 60px;
    top: -157.5px;
}

.material-symbols-outlined[b-2a5pnw0wjn] {
    font-weight: 200;
    grid-row: 1;
    grid-column: 2;
}

.employer-flw__count[b-2a5pnw0wjn] {
    grid-row: 2;
    grid-column: 1;
    border: 1px solid;
    border-radius: 4px;
    padding: 7px;
    width:fit-content;
}

.employer-avatar__box[b-2a5pnw0wjn] {
    width: 315px;
    height: 315px;
    background-color: #D9D9D9;
    border-radius: 50%;
    border: none;
}

    .employer-avatar__box img[b-2a5pnw0wjn] {
        position: absolute;
        width: 315px;
        height: 315px;
        border-radius: 50%;
    }

.company-name[b-2a5pnw0wjn] {
    padding: 0;
    grid-column: 1;
    grid-row: 1;
}

.employer-info__box[b-2a5pnw0wjn] {
    margin-top:15px;
    font-size: 18px;
    display: grid;
    grid-template-columns: repeat(3,max-content);
    grid-column: 1 / span 3;
    grid-row: 3;
    grid-gap: 12px;
}

.info-btn[b-2a5pnw0wjn] {
    border: none;
    background: none;
    display: flex;
    padding:5px;
    margin-top:7px;
    align-items: center;
}

.employer-content__box[b-2a5pnw0wjn] {
    padding: 0 60px;
    position: relative;
    top: -115px;
}

h3[b-2a5pnw0wjn] {
    margin-bottom: 24px;
}

.employer-tags__box[b-2a5pnw0wjn] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.employer-tag[b-2a5pnw0wjn] {
    padding: 12px 16px;
    background: none;
    border-radius: 8px;
    box-shadow: 2px 2px 16px 0px #0000003D;
}

.employer-box__active-job[b-2a5pnw0wjn] {
    display: flex;
    gap: 16px;
}

.see-all[b-2a5pnw0wjn] {
    color: black;
    display: inline;
    position: relative;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    left: 50%;
    transform: translate(-50%);
    top: 40px;
}

    .see-all h5[b-2a5pnw0wjn] {
        display: inline;
    }

.employer-stories__box[b-2a5pnw0wjn] {
    display: flex;
    width: 100%;
    gap: 16px;
    flex-wrap: nowrap;
    overflow: hidden;
}

.employer-page__story[b-2a5pnw0wjn] {
    height: 300px;
    width: 205px;
    border-radius: 16px;
    background-color: #D9D9D9;
}

.employer-story[b-2a5pnw0wjn] {
    margin-top: 78px;
}

.employer-benefits__box[b-2a5pnw0wjn] {
    margin-top: 48px;
}

.employer-benefits[b-2a5pnw0wjn] {
    display: grid;
    grid-template-columns: 400px 400px;
    grid-row: auto;
    grid-column-gap: 50px;
    grid-row-gap: 24px;
}

.employer-benefit__card[b-2a5pnw0wjn] {
    display: grid;
    font-size: 24px;
    align-content: center;
    grid-template-columns: 50px max-content;
    grid-gap: 5px;
    background-color: #D9D9D9;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-weight: 500;
}

.employer-contact[b-2a5pnw0wjn] {
    display: flex;
    gap: 12px;
    align-content: center;
    font-size: 24px;
    font-weight: 400;
    row-gap: 24px;
}

    .employer-contact .material-symbols-outlined[b-2a5pnw0wjn] {
        font-size: 32px;
        width: contain;
    }


.employer-contact-box[b-2a5pnw0wjn] {
    margin-top: 48px;
}

.link[b-2a5pnw0wjn] {
    color: #168BF8;
}

.rotate[b-2a5pnw0wjn] {
    transform: rotate(-45deg);
    transform-origin: center;
}

.email[b-2a5pnw0wjn] {
    color: #4F48EC;
}

.m24[b-2a5pnw0wjn] {
    margin-top: 15px;
}

.employer-avatar__logo[b-2a5pnw0wjn] {
    position: relative;
    width: 315px;
    height: 315px;
    border-radius: 50%;
}

.employer-avatar__input-label[b-2a5pnw0wjn] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);*/
    cursor: pointer;
}

.upload[b-2a5pnw0wjn] {
    font-size: 65px;
}

.company-btns[b-2a5pnw0wjn] {
    display: flex;
    gap: 8px;
}

.textarea-descript[b-2a5pnw0wjn] {
    resize: none;
    overflow: hidden;
    height: auto;
    min-height: 50px;
    width: 100%;
    background-color: rgba(238, 238, 238, 1);
}


.company-editbtn-follow[b-2a5pnw0wjn] {
    background: #6750A4;
    border: solid 1px #6750A4;
    border-radius: 8px;
    color: white;
    height: max-content;
    padding: 10px 24px 10px 24px;
    transition: 0.5s;
}

.btn-box[b-2a5pnw0wjn] {
    display: flex;
    align-items: end;
    padding: 0 24px 24px 0;
}

.followed[b-2a5pnw0wjn] {
    font-variation-settings: 'FILL';
}
@media(max-width:480px){
    .employer-main__box[b-2a5pnw0wjn]{
        display:flex;
        flex-direction:column;
        align-items:center;
        margin-bottom:40px;
    }
    .employer-info__box[b-2a5pnw0wjn]{
        display:flex;
        flex-direction:column;
    }
    .employer-name__box[b-2a5pnw0wjn] {
        display: flex;
        top:0;
        flex-direction: column;
    }
    .employer-box__active-job[b-2a5pnw0wjn]{
        overflow:scroll;
    }
    .company-name[b-2a5pnw0wjn] {
        color: black;
    }
    .company-editbtn[b-2a5pnw0wjn] {
        color: black;
        border: 1px solid black;
    }
    .employer-flw__count[b-2a5pnw0wjn]{
        margin-bottom:0;
        color:black;
    }
    .employer-content__box[b-2a5pnw0wjn]{
        padding:0 4%;
    }
    .employer-benefits[b-2a5pnw0wjn]{
        display:flex !important;
        flex-direction:column;
    }
    .employer-avatar__logo[b-2a5pnw0wjn] {
        width: 100px;
        height: 100px;
    }
    .employer-avatar__box[b-2a5pnw0wjn] {
        width: 100px;
        height: 100px;
        margin-top: 100px;
        align-self: self-start;
    }
    .background-block[b-2a5pnw0wjn]{
        height:100px !important;
    }
    .company-editbtn[b-2a5pnw0wjn]{
        width:fit-content
    }
    .name_inp[b-2a5pnw0wjn]{
        width:70vw;
    }
    .change_img_btn[b-2a5pnw0wjn]{
        font-size:12px;
    }
    .employer-avatar__box[b-2a5pnw0wjn]{
        height:150px !important;
        background-color:transparent;
    }
    .benefit_inp[b-2a5pnw0wjn]{
        width:70vw;
        margin-left:2px;
    }
    .employer-contact > span[b-2a5pnw0wjn] {
        font-size: 16px;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .company-name[b-2a5pnw0wjn] {
        font-size: 25px;
        max-width: 90vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .employer-info__box > button[b-2a5pnw0wjn] {
        max-width: 80vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.show-hide-btn[b-2a5pnw0wjn] {
    background-color: #007bff; 
    color: white; 
    border: none; 
    border-radius: 20px; 
    padding: 10px 20px; 
    margin: 10px 5px; 
    font-size: 16px; 
    font-weight: bold; 
    cursor: pointer; 
    transition: all 0.3s ease; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
}

    .show-hide-btn:hover[b-2a5pnw0wjn] {
        background-color: #0056b3; 
        box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); 
        transform: scale(1.05); 
    }

    .show-hide-btn:active[b-2a5pnw0wjn] {
        background-color: #003f7f; 
        transform: scale(0.95); 
    }
/* _content/JobPortal/Components/Pages/EmployerPages/EmployerPackages.razor.rz.scp.css */
.packages-container[b-oo0nxmgfuf] {
    text-align: center;
    padding-bottom: 20px;
}
.employer-packages[b-oo0nxmgfuf]{
    width:100vw;
    display:flex;
    justify-content:center;
}
.packages-list[b-oo0nxmgfuf] {
    display: flex;
    justify-content: center;
    gap: 56px;
    flex-wrap: wrap;
}

button.get-started-button[b-oo0nxmgfuf] {
    background-color: #7E3AF2;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    button.get-started-button:hover[b-oo0nxmgfuf] {
        background-color: #5c29c9;
    }




h1[b-oo0nxmgfuf] {
    color: #fff;
    height: 190px;
    background-color: #2b2b2b;
    padding: 66px;
    margin-bottom: 50px;
}


button.download-tariffs[b-oo0nxmgfuf] {
    background-color: #fff;
    color: black;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 30px;
}

    button.download-tariffs:hover[b-oo0nxmgfuf] {
        background-color: #f0f0f0;
    }
@media(max-width:480px){
    .packages-background[b-oo0nxmgfuf]{
        background-position-y:0 !important;
    }
    .packages-container[b-oo0nxmgfuf]{
        padding:0;
    }
    .packages-list[b-oo0nxmgfuf]{
        margin-bottom:30px;
    }
}
/* _content/JobPortal/Components/Pages/EmployerPages/EmployerPostedJobs.razor.rz.scp.css */
.epj-parent[b-xsxa7od8n7] {
    font-family: "Montserrat",sans-serif;
    width: 100%;
    height: auto;
}

.epj-main[b-xsxa7od8n7], aside[b-xsxa7od8n7] {
    flex: 1;
}

.epj-main[b-xsxa7od8n7] {
    background-color: white;
    height: 100%;
}

.epj-head[b-xsxa7od8n7] {
    display: flex;
    align-items: center;
    justify-content:space-between;
}

.epj-pageName[b-xsxa7od8n7] {
    margin-top: 40px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.epj-title[b-xsxa7od8n7] {
    margin-left: 5px;
    font-family: "Bebas Neue";
    font-size: 40px;
    font-weight: 400;
    margin-top:5px;
}

.epj-searcher[b-xsxa7od8n7] {
    margin-top:40px;
    margin-right:10px;
    position: relative;
    width: 450px;
}

.epj-searcher input[b-xsxa7od8n7] {
    width: 427px;
    height: 48px;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
}

.epj-searcher svg[b-xsxa7od8n7] {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.epj-search[b-xsxa7od8n7] {
    padding-left: 15px;
    margin-right: 30px;
    justify-self: flex-end;
    border-radius: 50px;
    border: 1px solid black;
    width: 427px;
}

.epj-subHead[b-xsxa7od8n7] {
    font-family: Montserrat;
    font-size: 24px;
    margin-left: 22px;
    margin-top: 50px;
}
.sort-button[b-xsxa7od8n7] {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 10px 20px;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
}

    .sort-button:hover[b-xsxa7od8n7] {
        background-color: #001D3D;
        color: white;
    }

    .sort-button:focus[b-xsxa7od8n7] {
        outline: none;
    }

    .sort-button svg[b-xsxa7od8n7] {
        width: 20px;
        height: 20px;
        margin-left: 10px;
        transition: transform 0.3s ease-in-out;
    }

    .sort-button.active svg[b-xsxa7od8n7] {
        transform: rotate(180deg);
    }
@media(max-width:480px){
    .epj-head[b-xsxa7od8n7]{
        justify-content:space-between;
        flex-direction:column;
        align-items:center;
        overflow:hidden;
    }
    .epj-parent[b-xsxa7od8n7]{
        height:auto;
        grid-template-columns:100% 1fr;
    }
    .epj-pageName[b-xsxa7od8n7]{
        margin-left:5px;
    }
    .epj-search[b-xsxa7od8n7]{
        width:100%;
    }
    .epj-searcher input[b-xsxa7od8n7]{
        width:100%;
    }
    .epj-searcher[b-xsxa7od8n7]{
        width:auto;
        margin-top:15px;
    }
    .epj-searcher svg[b-xsxa7od8n7]{
        right:5px;
    }
    .epj-title[b-xsxa7od8n7]{
        font-size:27px;
    }
    .epj-subHead[b-xsxa7od8n7]{
        font-size:19px;
        text-align:center;
    }
    .sort-button[b-xsxa7od8n7] {
        font-size: 14px;
        padding: 8px 15px;
        min-width: 140px;
        margin: 10px auto;
        display: block;
    }
    
}
/* _content/JobPortal/Components/Pages/EmployerPages/EmployerPostJob.Razor.rz.scp.css */
.employer-post__job[b-2z21d29de1] {
    padding:0 10% 0 10%;
    font-family: "Montserrat",sans-serif;
    height:100%;
    width: 100%;
}

.employer-postjob_point-btn[b-2z21d29de1] {
    display: flex;
    align-items: center;
    border: 1px solid rgba(251, 133, 0, 1);
    color: rgba(251, 133, 0, 1);
    background:none;
    padding:8px 16px;
}

.employer-postjob_lang-btn[b-2z21d29de1]{
    display:flex;
    align-items:center;
    background:none;
    border:1px solid black;
    border-radius:8px;
    padding:8px 16px;
    gap:8px;
    transition:0.3s;
}

.material-symbols-outlined[b-2z21d29de1] {
    color: rgba(251, 133, 0, 1);
}

.employer-postjob_lang-btn:hover[b-2z21d29de1] {
    background: rgba(42, 157, 143, 1);
    color:white;
}
.btn-active[b-2z21d29de1] {
    background: rgba(42, 157, 143, 1) !important;
    color:white !important;
}
.employer-postjob_subname[b-2z21d29de1] {
    font-family:"Montserrat",sans-serif;
    color: rgba(42, 157, 143, 1);
    font-size:24px;
    font-weight:600;
}

.employer-postjob_head[b-2z21d29de1]{
    font-size:56px;
    font-weight:400;
}

.employer-btns[b-2z21d29de1]{
    width:100%;
    display:flex;
    justify-content:space-between;
}

.employer-postjob__language-btns[b-2z21d29de1]{
    display:flex;
    gap:12px;
}
.employer-postjob-header[b-2z21d29de1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-family: "Bebas Neue",sans-serif;
    margin-bottom:20px;
    margin-top:50px;
}
.employer-postjob_formbox[b-2z21d29de1] {
    box-shadow: rgba(255, 255, 255, 1);
}

.primary-button[b-2z21d29de1] {
    background-color: #FF9E1B;
    border: none;
    color: white;
    width:200px;
}

.basic-button[b-2z21d29de1] {
    background: none;
    border: 1px solid black;
    width:200px;
}

 .input-text[b-2z21d29de1] {
    width: 100%;
    background-color: #EEEEEE;
    height: 55px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}
.login-btns[b-2z21d29de1] {
    margin-top: 23px;
    width: 100%;
    display: flex;
    justify-content:end;
    gap: 12px;
}

    .login-btns button[b-2z21d29de1] {
        width: 200px;
        font-size: 16px;
        font-weight: 500;
        height: 35px;
        text-align: center;
        border-radius: 8px;
    }

.post-job__label[b-2z21d29de1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.post-job__box[b-2z21d29de1] {
    display:flex;
    flex-direction:column;
    margin-top:32px;
    width: 100%;
    padding: 48px;
    box-shadow: 0px 0px 20px 0px rgba(113, 113, 113, 0.16);
    border-radius:16px;
}

.post-job__sub-box[b-2z21d29de1]{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:20px;
    width:100%;
}

.post-job__sub-box2[b-2z21d29de1]{
    display:grid;
    width:100%;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
}

.pd-left13[b-2z21d29de1]{
    padding-left:10px;
}
.textarea-descript[b-2z21d29de1] {
    resize: none;
    overflow: hidden;
    height: auto;
    min-height: 100px;
    width: 100%;
    background-color: rgba(238, 238, 238, 1);
}
.custom-alert[b-2z21d29de1] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(30, 30, 30, 0.85);
    padding: 20px 30px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #f1f1f1; 
    max-width: 400px;
    z-index: 1000;
}

    .custom-alert p[b-2z21d29de1] {
        margin-bottom: 15px;
        color: #f8f9fa; 
    }

.custom-button[b-2z21d29de1] {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .custom-button:hover[b-2z21d29de1] {
        background: linear-gradient(135deg, #feb47b, #ff7e5f);
        transform: scale(1.05);
    }

    .custom-button:focus[b-2z21d29de1] {
        outline: none;
        box-shadow: 0px 0px 12px rgba(255, 126, 95, 0.6);
    }

.toggle-switch[b-2z21d29de1] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .toggle-switch input[b-2z21d29de1] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-2z21d29de1] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-2z21d29de1]:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-2z21d29de1] {
    background-color: #001D3D;
}

    input:checked + .slider[b-2z21d29de1]:before {
        transform: translateX(26px);
    }

@media(max-width:480px){
    .employer-btns[b-2z21d29de1]{
        flex-direction:column;

    }
    .employer-postjob_point-btn[b-2z21d29de1]{
        width:fit-content;
    }
    .employer-postjob__language-btns[b-2z21d29de1]{
        flex-direction:column;
    }
    .employer-postjob_lang-btn[b-2z21d29de1]{
        margin-top:20px;
    }
    .employer-postjob_head[b-2z21d29de1]{
        font-size:25px;
        margin-top:20px;
    }
    .post-job__box[b-2z21d29de1]{
        padding:10px;
        width:90vw;
    }
    .post-job__sub-box2[b-2z21d29de1]{
        display:flex;
        flex-direction:column;
    }
    .employer-postjob_subname[b-2z21d29de1]{
        font-size:20px;

    }
    .post-job__label[b-2z21d29de1] {
        justify-content: space-between;
    }
    
}
/* _content/JobPortal/Components/Pages/EmployerPages/Employers.razor.rz.scp.css */
*[b-ei0r2rcbag] {
    font-family:"Inter",sans-serif;
}
.employer_main[b-ei0r2rcbag] {
    display:grid;
    grid-template-columns:365px 1fr;
    width:100%;
    min-height:105vh;
    height:auto;
    padding:50px 60px;
    gap:20px;
}
.story-section[b-ei0r2rcbag] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.story-card[b-ei0r2rcbag] {
    width: 203px;
    height: 288px;
    background-color: #e0e0e0;
    border-radius: 10px;
}
.story-carousel[b-ei0r2rcbag]{
    display:flex;
    align-items:center;
    gap:60px;
}

.story-card[b-ei0r2rcbag] {
    transition: transform 0.5s ease-in-out;
}
    
[b-ei0r2rcbag] .carousel-button {
    display: flex;
    background-color: rgba(131, 56, 236, 1);
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #ffffff;
}


.switch[b-ei0r2rcbag] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

    .switch input[b-ei0r2rcbag] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-ei0r2rcbag] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px;
}

    .slider[b-ei0r2rcbag]:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider[b-ei0r2rcbag] {
    background-color: #001D3D;
}

    input:checked + .slider[b-ei0r2rcbag]:before {
        transform: translateX(14px);
    }

.filter-head[b-ei0r2rcbag] {
    font-size:20px;
    font-weight:600;
}
.fil-head[b-ei0r2rcbag] {
    display: flex;
    padding: 24px 0;
    justify-content: space-between;
}
.fil-head label[b-ei0r2rcbag] {
    cursor:pointer;
}
.border-btm[b-ei0r2rcbag] {
    border-bottom: solid 1px rgba(113, 113, 113, 1);
}

.options[b-ei0r2rcbag] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fil-box[b-ei0r2rcbag] {
    display:flex;
    flex-direction:column;
    gap:20px;
}
    .hidden-chk[b-ei0r2rcbag]{
        display:none;
    }
    .toggle-lab[b-ei0r2rcbag]{
        color: rgba(113, 113, 113, 1);
        transition:0.3s;
        transform-origin:center;
    }
    .hidden-chk:checked + .toggle-lab[b-ei0r2rcbag] {
        transform: rotate(90deg);
    }
.story-carousel[b-ei0r2rcbag]{
    display:flex;
}

.companies-box[b-ei0r2rcbag] {
    display:flex;
    flex-direction:column;
    gap:20px;
}

.btn-none[b-ei0r2rcbag] {
    border:none;
    background:none;
}
.box-hed[b-ei0r2rcbag] {
    display:flex;
    justify-content:space-between;
}
.box-hed div[b-ei0r2rcbag] {
    display:flex;
    align-items:center;
    gap:16px;
}
.fs32[b-ei0r2rcbag] {
    font-size:42px;
}
.employer_main[b-ei0r2rcbag]{
    grid-template-columns:300px 1fr;
}


@media (max-width: 480px) {
    *[b-ei0r2rcbag] {
        font-size: 14px;
    }

    .employer_main[b-ei0r2rcbag] {
        grid-template-columns: 1fr;
        padding: 10px;
        gap: 10px;
    }

    .employer_aside[b-ei0r2rcbag] {
        width: 100%;
    }

    .story-carousel[b-ei0r2rcbag] {
        flex-direction: column;
        gap: 20px;
    }

    .story-card[b-ei0r2rcbag] {
        width: 100%;
        height: auto;
    }

    .carousel-button[b-ei0r2rcbag] {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .switch[b-ei0r2rcbag] {
        width: 28px;
        height: 16px;
    }

    .slider[b-ei0r2rcbag]:before {
        height: 10px;
        width: 10px;
        left: 3px;
        bottom: 3px;
    }

    input:checked + .slider[b-ei0r2rcbag]:before {
        transform: translateX(12px);
    }

    .filter-head[b-ei0r2rcbag] {
        font-size: 18px;
    }

    .fil-head[b-ei0r2rcbag] {
        padding: 12px 0;
        flex-wrap: wrap;
/*        justify-content:space-between;
        width:90%*/

    }

    .toggle-lab[b-ei0r2rcbag] {
        font-size: 16px;
    }

    .options[b-ei0r2rcbag] {
        gap: 8px;
    }

    .fil-box[b-ei0r2rcbag] {
        gap: 16px;
        padding: 10px 0;
    }

    .story-section[b-ei0r2rcbag] {
        gap: 8px;
    }

    .box-hed[b-ei0r2rcbag] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

        .box-hed div[b-ei0r2rcbag] {
            gap: 10px;
        }

    .companies-box[b-ei0r2rcbag] {
        gap: 16px;
        padding: 10px 0;
        width:95vw;
    }

    .btn-none svg[b-ei0r2rcbag] {
        width: 24px;
        height: 24px;
    }

    .fs32[b-ei0r2rcbag] {
        font-size: 32px;
    }

    select[b-ei0r2rcbag] {
        font-size: 14px;
    }

    .search-bar[b-ei0r2rcbag] {
        margin: 10px 0;
        justify-content:center;
        height:auto;
        align-items:center;
    }

}
/* _content/JobPortal/Components/Pages/JobPages/JobSeeker.razor.rz.scp.css */

.container[b-ngrzs2jf8n] {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
}

/* Sidebar styling */
.sidebar[b-ngrzs2jf8n] {
    width: 300px;
    padding: 20px;
    background-color: #ffffff;
}

.job-alerts h2[b-ngrzs2jf8n] {
    font-size: 18px;
    color: #333;
}

.job-alerts p[b-ngrzs2jf8n] {
    font-size: 14px;
    color: #666;
}

.switch[b-ngrzs2jf8n] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-top: 10px;
}

    .switch input[b-ngrzs2jf8n] {
        display: none;
    }

.slider[b-ngrzs2jf8n] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px;
}

    .slider[b-ngrzs2jf8n]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        border-radius: 50%;
        left: 2px;
        bottom: 2px;
        background-color: white;
        transition: .4s;
    }

input:checked + .slider[b-ngrzs2jf8n] {
    background-color: #001D3D;
}

    input:checked + .slider[b-ngrzs2jf8n]:before {
        transform: translateX(20px);
    }

.filters h3[b-ngrzs2jf8n] {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}

.filters ul[b-ngrzs2jf8n] {
    list-style: none;
    padding: 0;
}

    .filters ul li[b-ngrzs2jf8n] {
        margin-bottom: 10px;
    }

        .filters ul li label[b-ngrzs2jf8n] {
            margin-left: 5px;
            color: #666;
        }

        .filters ul li span[b-ngrzs2jf8n] {
            float: right;
            color: #999;
        }

/* Story Section styling */
.story-section[b-ngrzs2jf8n] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.story-card[b-ngrzs2jf8n] {
    width: 203px;
    height: 288px;
    background-color: #e0e0e0;
    border-radius: 10px;
}

.next-story[b-ngrzs2jf8n] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #6c5ce7;
}

/* Main content styling */
.main-content[b-ngrzs2jf8n] {
    flex: 1;
    padding: 20px;
    background-color: #ffffff;
}

.search-bar[b-ngrzs2jf8n] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .search-bar input[b-ngrzs2jf8n] {
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ddd;
        border-radius: 5px;
        width: 200px;
    }

    .search-bar button[b-ngrzs2jf8n] {
        background-color: #6c5ce7;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

.job-listings-header[b-ngrzs2jf8n] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

.hot-jobs-text[b-ngrzs2jf8n] {
    /*    font-family: 'Bebas Neue', sans-serif;*/
    /*font-size: 30px;*/
    /*    font-weight: 400;*/
    /*line-height: 48px;
    text-align: left;*/
/*    background: linear-gradient(180deg, #FB8500 0%, #F91212 100%);*/
    /*-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 342px;*/

}

.content-wrapper[b-ngrzs2jf8n] {
    display: flex;
    gap: 9px;
}

.job-listings[b-ngrzs2jf8n] {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-listing[b-ngrzs2jf8n] {
    display: flex;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.dropdown-icon[b-ngrzs2jf8n] {
    margin-left: 0px;
    width: 0px;
    height: 23px;
}

.hot-jobs-button[b-ngrzs2jf8n] {
    background: transparent;
    border: 2px solid #FB8500;
    color: #FB8500;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

    .hot-jobs-button:hover[b-ngrzs2jf8n] {
        background: #FB8500;
        color: white;
    }

.by-date[b-ngrzs2jf8n] {
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}

.job-info[b-ngrzs2jf8n] {
    display: flex;
    width: 70px;
    gap: 15px;
    overflow:hidden;
}

.job-thumbnail[b-ngrzs2jf8n] {
    width: 50px;
    height: 50px;
    background-color: #ddd;
    border-radius: 5px;
}

.job-details h4[b-ngrzs2jf8n] {
    font-size: 16px;
    margin: 0;
    color: #333;
}

.job-meta[b-ngrzs2jf8n] {
    display: flex;
    gap: 10px;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.job-details p[b-ngrzs2jf8n] {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.job-actions[b-ngrzs2jf8n] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.badge[b-ngrzs2jf8n] {
    background-color: #2ecc71;
    color: white;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 12px;
}

.save-job-btn[b-ngrzs2jf8n] {
    background: none;
    border: none;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}


.hot-jobs[b-ngrzs2jf8n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 17px 40px;
}

.hot-job[b-ngrzs2jf8n] {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.hot-job-company[b-ngrzs2jf8n] {
    font-size: 14px;
    color: #333;
}

.hot-job-title[b-ngrzs2jf8n] {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.hot-job-meta[b-ngrzs2jf8n] {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.employment-type[b-ngrzs2jf8n] {
    background-color: #2ecc71;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin-right: 10px;
}

.ad-space[b-ngrzs2jf8n] {
    background-color: #ddd;
    height: 150px;
    border-radius: 8px;
    margin-top: 20px;
}

.story-carousel[b-ngrzs2jf8n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.story-section[b-ngrzs2jf8n] {
    display: flex;
    gap: 10px;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
}

.story-card[b-ngrzs2jf8n] {
    width: 203px;
    height: 288px;
    background-color: #e0e0e0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.carousel-button[b-ngrzs2jf8n] {
    background-color: #001D3D;
    color: white;
    border: none;
    padding: 9px 18px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

    .carousel-button.next[b-ngrzs2jf8n] {
        right: 184px;
    }

    .carousel-button:hover[b-ngrzs2jf8n] {
        background-color: #001D3D;
    }

.pagination-controls[b-ngrzs2jf8n] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .pagination-controls .page-button[b-ngrzs2jf8n] {
        margin: 0 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
    }

        .pagination-controls .page-button.active[b-ngrzs2jf8n] {
            background-color: #001D3D;
            color: white;
        }

        .pagination-controls .page-button:disabled[b-ngrzs2jf8n] {
            background-color: #ddd;
            cursor: not-allowed;
        }
    .content-wrapper[b-ngrzs2jf8n]{
        flex-wrap:wrap;
        width:73vw;
    }
    .job-listings[b-ngrzs2jf8n]{
        width:50%;
    }
.ad1[b-ngrzs2jf8n] {
    width: 690px;
    height: 210px;
    background-image: url(../../../images/AD.png);
    border-radius:20px;
    background-size:cover;
}
.ad2[b-ngrzs2jf8n] {
    width: 690px;
    height: 210px;
    background-image: url(../../../images/AD2.png);
    background-size: cover;
    border-radius:20px;
}
@media (max-width: 480px) {
    .filters[b-ngrzs2jf8n]{
        display:flex;
        justify-content:center;
    }
    .container[b-ngrzs2jf8n] {
        flex-direction: column;
        padding: 10px;
    }
    .job-alert[b-ngrzs2jf8n]{
        margin:0 auto;
    }
    .ad1[b-ngrzs2jf8n]{
        width:90vw;
        height:170px;
    }
    .ad2[b-ngrzs2jf8n] {
        width: 90vw;
        height: 170px;
    }
    .sidebar[b-ngrzs2jf8n] {
        width: 100%;
        padding: 10px;
    }

    .job-alerts h2[b-ngrzs2jf8n] {
        font-size: 16px;
    }

    .job-alerts p[b-ngrzs2jf8n] {
        font-size: 12px;
    }

    .story-carousel[b-ngrzs2jf8n] {
        flex-direction: column;
        align-items: center;
    }

    .story-card[b-ngrzs2jf8n] {
        width: 100%;
        height: auto;
    }
    .carousel-button.next[b-ngrzs2jf8n] {
        right: 45%;
        margin-top: 0;
        top: 90%;
    }
    .carousel-button[b-ngrzs2jf8n] {
        padding: 5px 10px;
        font-size: 16px;
        top: initial;
        transform: none;
    }

    .main-content[b-ngrzs2jf8n] {
        padding: 10px;
    }

    .job-listings-header[b-ngrzs2jf8n] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .search-bar[b-ngrzs2jf8n] {
        justify-content: center;
        align-items:center;
        width: 90vw;
        margin-top: 80px;
        margin-bottom:80px;
    }
    .hot-job-title[b-ngrzs2jf8n]{
        display:none !important;
    }
        .hot-jobs-text[b-ngrzs2jf8n] {
            display:none;
        }

    .content-wrapper[b-ngrzs2jf8n] {
        flex-direction: column;
        width:100%;
    }

    .job-listings[b-ngrzs2jf8n] {
        flex: none;
        padding:0;
    }

    .job-listing[b-ngrzs2jf8n] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dropdown-icon[b-ngrzs2jf8n] {
        height: 20px;
        margin-left: 5px;
    }

    .hot-jobs[b-ngrzs2jf8n] {
        padding: 10px;
        align-items:center;
    }

    .hot-job-title[b-ngrzs2jf8n] {
        font-size: 14px;
    }

    .ad-space[b-ngrzs2jf8n] {
        height: 100px;
    }

    .pagination-controls[b-ngrzs2jf8n] {
        flex-wrap: wrap;
        gap: 5px;
    }

        .pagination-controls .page-button[b-ngrzs2jf8n] {
            padding: 5px;
            font-size: 12px;
        }

    .job-seeker-card .seeker-content .title[b-ngrzs2jf8n] {
        flex-wrap: wrap;
    }
    .job-listings[b-ngrzs2jf8n]{
        width:100%;
    }
}


/* _content/JobPortal/Components/Pages/JobPages/OneJob.razor.rz.scp.css */
.main[b-ql9wtldzho] {
    min-height: 70vh;
    width: 100%;
}

.profileBackground[b-ql9wtldzho] {
    width: 100%;
    min-height: 445px;
    background-color: #717171;
}

.job-info-elements-place[b-ql9wtldzho] {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 4fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 0 60px;
}
.form-control[b-ql9wtldzho]{
    font-size:14px;
}

.item1[b-ql9wtldzho] {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.job-image[b-ql9wtldzho] {
    height: 240px !important;
    width: 240px !important;
    background-color: #D9D9D9;
    border-radius: 50%;
}

.item2[b-ql9wtldzho] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    color: #fff;
}

.item3[b-ql9wtldzho] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    gap: 20px;
}

.item4[b-ql9wtldzho] {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    gap: 10px;
}

.item4 a[b-ql9wtldzho] {
    text-decoration: none;
    color: #fff;
}

.mini-box[b-ql9wtldzho] {
    border: 2px solid #fff;
    max-width: 200px;
    width: 20%;
    height: 50px;
    display: flex;
    color: #fff;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 1rem;
}

.mini-box p[b-ql9wtldzho] {
    margin: auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.one-job-main[b-ql9wtldzho] {
    min-height: 50vh;
    width: 68%;
}

.one-job-main-inner[b-ql9wtldzho] {
    width: 90%;
}

.one-job-main-inner > div[b-ql9wtldzho] {
    margin: 30px 0;
}

.one-job-ads[b-ql9wtldzho] {
    min-height: 50vh;
    width: 32%;
    background-color: #F3F3F3;
}
.one-job-ads-inner[b-ql9wtldzho] {
    width: 80%;
    margin-left: 40px;
    gap: 10px;
    padding-top: 30px;
}

.job-container[b-ql9wtldzho] {
    min-height: 50vh;
}

.ad[b-ql9wtldzho] {
    height: 500px;
    width: 100%;
    background-color: #717171;
    margin: 25px 0;
    color: #fff
}

.btn-apply[b-ql9wtldzho] {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.btn-apply-refer[b-ql9wtldzho] {
    width: 47%;
    background-color: #FF9E1B;
}
    .btn-apply-refer:hover[b-ql9wtldzho] {
        background-color: #FF9E1B;
    }


.btn-applied[b-ql9wtldzho] {
    width: 95%;
}

h3[b-ql9wtldzho] {
    font-size: 32px;
}

p[b-ql9wtldzho] {
    font-size: 17px;
}

.item2 .active-favorite[b-ql9wtldzho], .item2 .favorite[b-ql9wtldzho] {
    cursor: pointer;
}
@media(max-width:480px) {
    .edit-btn[b-ql9wtldzho]{
        color:black;
    }
    .job-info-elements-place[b-ql9wtldzho] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .job-image[b-ql9wtldzho] {
        height: 150px;
        width: 150px;
        margin-top: 40px;
    }
    .item3[b-ql9wtldzho] {   
        display: flex !important;   
        width: 90%;
        flex-direction: column !important;
    }
    .mini-box[b-ql9wtldzho]{
        width:100%;
    }
    .btn-success[b-ql9wtldzho] {
        background-color: #FF9E1B;
    }

    .btn-success:hover[b-ql9wtldzho] {
        background-color: #FF9E1B;
    }
    .btn-secondary[b-ql9wtldzho]{
        background-color:white;
    }
    h3[b-ql9wtldzho] {
        align-self: center;
        font-size:20px;
    }
    .item4[b-ql9wtldzho]{
        margin-bottom:20px;
    }
    .job-container[b-ql9wtldzho]{
        flex-direction:column !important;
    }
    .one-job-main[b-ql9wtldzho]{
        width:100%;
    }
    .justify-content-around[b-ql9wtldzho]{
        flex-wrap:wrap;
    }
    .one-job-ads[b-ql9wtldzho]{
        width:100%;
    }
    
}
/* _content/JobPortal/Components/Pages/Login.razor.rz.scp.css */
*[b-mfshk528fx] {
    box-sizing: border-box;
    font-family:"Montserrat",sans-serif;
}

h1[b-mfshk528fx] {
    font-weight: bold;
    margin: 0;
}

h2[b-mfshk528fx] {
    text-align: center;
}



span[b-mfshk528fx] {
    font-size: 12px;
}

a[b-mfshk528fx] {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    margin: 15px 0;
}

.edit-form[b-mfshk528fx] {
    width:max-content;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 50px;
    height: 100%;
    text-align: center;
}
[b-mfshk528fx] .box-signup {
    position: relative;
    top: -150px;
    padding: 0 46px;
}


.cont[b-mfshk528fx] {
    position:relative;
    z-index:0;
    background-color: #fff;
    display:flex;
    width: 100%;
    height: 920px;
    overflow:hidden;
}

.form-container[b-mfshk528fx] {
    position:absolute;
    top:20%;
/*    transition: all 0.6s ease-in-out;*/
}

.sign-in-container[b-mfshk528fx] {
    left: 0;
    width: 50%;
    z-index: 2;
    background-color: #fff;
}

.cont.right-panel-active .sign-in-container[b-mfshk528fx] {
    transform: translateX(100%);
}

.sign-up-container[b-mfshk528fx] {
    height: 100%;
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
    background-color: #fff;
}

.cont.right-panel-active .sign-up-container[b-mfshk528fx] {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: show-b-mfshk528fx 0.6s;
}

@keyframes show-b-mfshk528fx {

    0%, 49.99% {
        opacity: 0;
        z-index: 1;
    }

    50%, 100% {
        opacity: 1;
        z-index: 5;
    }
}

.overlay-container[b-mfshk528fx] {
    background-image: url(/images/signup-right.jpeg);
    background-position: top;
    background-size: cover;
    position: absolute;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
/*    transition: transform 0.6s ease-in-out;*/
    z-index: 100;
}

.cont.right-panel-active .overlay-container[b-mfshk528fx] {
    transform: translateX(-100%);
}

.overlay[b-mfshk528fx] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #FFFFFF;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
/*    transition: transform 0.6s ease-in-out;*/
}

.cont.right-panel-active .overlay[b-mfshk528fx] {
    transform: translateX(50%);
}

.overlay-panel[b-mfshk528fx] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
/*    transition: transform 0.6s ease-in-out;*/
}

.overlay-left[b-mfshk528fx] {
    transform: translateX(-20%);
}

.cont.right-panel-active .overlay-left[b-mfshk528fx] {
    transform: translateX(0);
}

.overlay-right[b-mfshk528fx] {
    right: 0;
    transform: translateX(0);
}

.cont.right-panel-active .overlay-right[b-mfshk528fx] {
    transform: translateX(20%);
}

.social-container[b-mfshk528fx] {
    margin: 20px 0;
}

    .social-container a[b-mfshk528fx] {
        border: 1px solid #DDDDDD;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        height: 40px;
        width: 40px;
    }


*:focus[b-mfshk528fx],
*:active[b-mfshk528fx] {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}




.password-wrapper[b-mfshk528fx] {
    position: relative;
    display:flex;
    flex-direction:column;
    gap:16px;
    width:100%;
}
.password-wrapper label[b-mfshk528fx] {
    width:100%;
}

.password-wrapper i[b-mfshk528fx] {
    position: absolute;
    bottom: 47px;
    right: 40px;
    cursor: pointer;
}

.password-wrapper i.right[b-mfshk528fx] {
    position: absolute;
    bottom: 38px;
    right: 40px;
    transform: translateY(120%);
    cursor: pointer;
}

.sign_with[b-mfshk528fx] {
    border: none;
    background: white;
    display: flex;
    padding: 12px 43px 12px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    box-shadow: 0px 8px 16px 0px #00000033;
}

.headd[b-mfshk528fx] {
    font-size: 48px;
    font-weight: 700;
    line-height: 59px;
    text-align: center;
    color: #2A9D8F;
}

.subtext[b-mfshk528fx] {
    font-size:24px;
    line-height:30px;
    font-weight:500;
    width:525px;
}
.visibility[b-mfshk528fx] {
    visibility:visible;
}
.choose_role[b-mfshk528fx] {
    margin-top:19%;
}
.edit-form ul[b-mfshk528fx] {
    margin-top:24px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.edit-form ul li[b-mfshk528fx] {
    list-style:none;
}
.span2[b-mfshk528fx] {
    font-size:22px;
    font-weight:300;
    line-height:30px;
}
.span[b-mfshk528fx] {
    margin-top:32px;
    font-size:18px;
    font-weight:500;
    line-height:22px;
}
.span1[b-mfshk528fx] {
    font-size:14px;
    line-height:20px;
    font-weight:500;
}
.password-wrapper .text-inputs[b-mfshk528fx]{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:8px;
}
[b-mfshk528fx] .input-text {
    width: 100%;
    background-color: #EEEEEE;
    height: 55px;
    padding-left: 24px;
    border: none;
    border-radius: 4px;
}

.conti[b-mfshk528fx] {
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content:center;
}
[b-mfshk528fx] .rem {
    width:100%;
    display:flex;
    float:left;
    gap:8px;
    justify-content: space-between;
}
.login-btns[b-mfshk528fx]{
    margin-top:23px;
    width:100%;
    display:flex;
    gap:12px;
}
.login-btns button[b-mfshk528fx] {
    width:50%;
    font-size:16px;
    font-weight:500;
    height:35px;
    text-align:center;
    border-radius:8px;
}
.primary-button[b-mfshk528fx] {
    background-color: #8338EC;
    border:none;
    color:white;
}
.basic-button[b-mfshk528fx] {
    background: none;
    border: 1px solid black;
}
.ghost[b-mfshk528fx] {
    background-color: white;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #9747FF;
    width: 35%;
    height: 40px;
    border: none;
    border-radius: 8px;
}
.role-btns[b-mfshk528fx]{
    display:flex;
    padding:46px;
    gap:20px;
}
.role-btns label[b-mfshk528fx] {
    width:50%;
}
    .role-btns button[b-mfshk528fx] {
        width:100%;
        font-size: 16px;
        font-weight: 500;
        height: 56px;
        text-align: center;
        border-radius: 8px;
    }
.green[b-mfshk528fx] {
    background-color: #2A9D8F;
}

.visib[b-mfshk528fx] {
    display:block;
    visibility:visible !important;
}
.nonvisible[b-mfshk528fx] {
    visibility:hidden;
    display:none;
}
[b-mfshk528fx] .empform {
    display:none;
}
.empform[b-mfshk528fx]{
    position:absolute;
    top:0;
    visibility:hidden;
}
.candidate-form[b-mfshk528fx]{
    visibility:hidden;
}
.m40[b-mfshk528fx] {
    margin-top:40px;
}
.goto_signin[b-mfshk528fx]{
    display:none;
}
.secondary-button[b-mfshk528fx]{
    display:none;
}


@media (max-width:480px) {
    .overlay-container[b-mfshk528fx] {
        display: none;
    }

    .sign-in-container[b-mfshk528fx] {
        width: 100%;
    }

    .secondary-button[b-mfshk528fx] {
        background: none;
        width: auto !important;
        height: 50px !important;
        margin: 0 auto;
        padding: 10px;
        margin-top: 20px;
        border: 2px solid rgb(7, 12, 56);
        display: inline;
    }

    .button-container[b-mfshk528fx] {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

        .button-container button[b-mfshk528fx] {
            width: auto;
            height: auto;
            padding: 10px;
        }

    .hide[b-mfshk528fx] {
        display: none;
    }

    .sign-up-container[b-mfshk528fx] {
        opacity: 1;
        width: 100%;
    }
    .opacity_0[b-mfshk528fx]{
        opacity:0;
        width:100%;
    }

    .password-wrapper[b-mfshk528fx] {
        width: 90%;
    }

        .password-wrapper i[b-mfshk528fx] {
            right: 1px;
            top: 50px;
        }
        #password_form[b-mfshk528fx]{
            position:relative;
        }

    .password-wrapper i.right[b-mfshk528fx]{
        display:none;
    }
    .edit-form ul[b-mfshk528fx] {
        flex-direction: column;
        width: 90%;
    }

    .form-container[b-mfshk528fx] {
        top: 90px;
    }
    .goto_signin[b-mfshk528fx] {
        display: block;
        height: 40px;
        margin: 20px auto;
        width: auto;
        font-weight: bold;
        border: 2px solid rgb(7, 12, 56);
        padding: 0 10px;
        border-radius: 4px;
        background-color: white;
    }
   [b-mfshk528fx] .box-signup{
        top:0;
    }
   .login-btns[b-mfshk528fx]{
       flex-wrap:wrap;
       width:85%;
   }
   .login-btns button[b-mfshk528fx]{
       width:45%;
   }
   .sign_with[b-mfshk528fx]{
       width:100%;
   }
   .cont[b-mfshk528fx]{
       height:1020px;
   }
}

/* _content/JobPortal/Components/Pages/PackagePage.razor.rz.scp.css */

.packages-container[b-e7tx5gcfkl] {
    text-align: center;
    width:100%;
}

.packages-list[b-e7tx5gcfkl] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}



h1[b-e7tx5gcfkl] {
    color: #fff;
    height: 190px;
    background-color: #2b2b2b;
    padding: 66px;
    margin-bottom: 50px;
}


button.get-started[b-e7tx5gcfkl] {
    background-color: #7E3AF2;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    button.get-started:hover[b-e7tx5gcfkl] {
        background-color: #5c29c9;
    }


button.download-tariffs[b-e7tx5gcfkl] {
    background-color: #fff;
    color: black;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 30px;
}

    button.download-tariffs:hover[b-e7tx5gcfkl] {
        background-color: #f0f0f0;
    }
/* _content/JobPortal/Components/Pages/WebMasterPages/AccessManagement.razor.rz.scp.css */
/* Headings */
h1[b-u5pkbd2wkq] {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
}

h3[b-u5pkbd2wkq] {
    font-size: 24px;
    font-weight: 500;
    color: #444444;
    margin-bottom: 15px;
    border-bottom: 2px solid #00b4d8;
    padding-bottom: 5px;
}

/* Access Table Styling */
.access-table[b-u5pkbd2wkq] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font-size: 16px;
}

    .access-table th[b-u5pkbd2wkq],
    .access-table td[b-u5pkbd2wkq] {
        padding: 15px;
        text-align: center;
        border: 1px solid #dddddd;
    }

    .access-table th[b-u5pkbd2wkq] {
        background-color: #0077b6;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .access-table tr:nth-child(even)[b-u5pkbd2wkq] {
        background-color: #f8f9fa;
    }

    .access-table tr:hover[b-u5pkbd2wkq] {
        background-color: #e0f7fa;
        cursor: pointer;
    }

    .access-table td[b-u5pkbd2wkq] {
        color: #555555;
    }

/* Action Buttons */
button[b-u5pkbd2wkq] {
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-extend[b-u5pkbd2wkq] {
    background-color: #4caf50;
    color: white;
}

    .btn-extend:hover[b-u5pkbd2wkq] {
        background-color: #388e3c;
    }

.btn-revoke[b-u5pkbd2wkq] {
    background-color: #f44336;
    color: white;
}

    .btn-revoke:hover[b-u5pkbd2wkq] {
        background-color: #d32f2f;
    }

.btn-grant[b-u5pkbd2wkq] {
    background-color: #0077b6;
    color: white;
}

    .btn-grant:hover[b-u5pkbd2wkq] {
        background-color: #005f99;
    }

/* Grant Access Form */
.grant-access[b-u5pkbd2wkq] {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #dddddd;
}

.grant-form[b-u5pkbd2wkq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

    .grant-form label[b-u5pkbd2wkq] {
        font-weight: 600;
        color: #333333;
    }

    .grant-form select[b-u5pkbd2wkq],
    .grant-form input[b-u5pkbd2wkq] {
        width: 100%;
        max-width: 300px;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #cccccc;
        border-radius: 5px;
        transition: border-color 0.3s ease;
    }

        .grant-form select:focus[b-u5pkbd2wkq],
        .grant-form input:focus[b-u5pkbd2wkq] {
            border-color: #0077b6;
            outline: none;
            box-shadow: 0 0 5px rgba(0, 119, 182, 0.3);
        }

.btn-grant[b-u5pkbd2wkq] {
    align-self: flex-start;
    padding: 10px 20px;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .container[b-u5pkbd2wkq] {
        padding: 20px;
    }

    .grant-form[b-u5pkbd2wkq] {
        gap: 15px;
    }

    .access-table th[b-u5pkbd2wkq],
    .access-table td[b-u5pkbd2wkq] {
        padding: 10px;
        font-size: 14px;
    }

    button[b-u5pkbd2wkq] {
        padding: 6px 10px;
        font-size: 12px;
    }
}
/* _content/JobPortal/Components/Pages/WebMasterPages/AdminManagment.razor.rz.scp.css */
.c-table[b-kewlckv54r] {
    border-collapse: collapse !important;
    margin: 27px 60px 0 20px;
    border-radius: 24px;
    box-shadow: 0px 4px 16px 6px rgba(71, 89, 228, 0.16);
    width: 95%;
}

.col1 input[b-kewlckv54r] {
    width: 18px;
    height: 18px;
    outline: 2px solid rgba(73, 69, 79, 1);
    outline-offset: -2px;
}

.c-table td[b-kewlckv54r] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    align-content: center;
}

.c-table tr td:first-child[b-kewlckv54r] {
    border-left: none;
}

.c-table tr td:last-child[b-kewlckv54r] {
    border-right: none;
}

.c-table .t-head td[b-kewlckv54r] {
    border-top: none;
}

.c-table tr:last-child td[b-kewlckv54r] {
    border-bottom: none;
}

.col1[b-kewlckv54r] {
    width: 1%;
}

.col6[b-kewlckv54r] {
    width: 12%;
}

.col5[b-kewlckv54r] {
    width: 12%;
}

.col4[b-kewlckv54r] {
    width: 10%;
}

.col2[b-kewlckv54r], .col3[b-kewlckv54r], .col4[b-kewlckv54r], .col5[b-kewlckv54r] {
    padding-left: 24px;
}

.col6[b-kewlckv54r] {
    padding: 25px 42px 25px 42px;
}

.col1[b-kewlckv54r] {
    padding: 24px;
}

.filt-button[b-kewlckv54r] {
    position: relative;
    align-content: center;
    background: none;
    width: 18px;
    height: 18px;
    color: rgba(4, 48, 173, 1);
    border: none;
    bottom: 8px;
    left: -12px;
}

    .filt-button span[b-kewlckv54r] {
        position: absolute;
        width: 18px;
        height: 18px;
    }

.table-head[b-kewlckv54r] {
    color: rgba(4, 48, 173, 1);
}

.c-table img[b-kewlckv54r] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    background-color: rgba(217, 217, 217, 1);
    margin-right: 10px;
}

.t-head[b-kewlckv54r] {
    font-weight: 600;
}

.buttons[b-kewlckv54r] {
    display: flex;
    margin-top: 34px;
    margin-left: 25px;
    width: 95%;
}

    .buttons button[b-kewlckv54r] {
        background: none;
        padding: 10px 16px 10px 16px;
        border: 1px solid rgba(0, 0, 0, 1);
        border-radius: 4px;
        margin-right: 10px;
    }

    .buttons .b-new[b-kewlckv54r] {
        border: 1px solid rgba(131, 56, 236, 1);
        color: rgba(131,56,236,1);
    }

    .buttons .b-edit[b-kewlckv54r] {
        color: white;
        background: rgba(103, 80, 164, 1);
        border-radius: 100px;
        width: 83px;
        border: none;
        margin-left: auto;
    }

.delete[b-kewlckv54r] {
    width: min-content;
    color: rgba(255, 35, 35, 1);
}

.material-symbols-outlined[b-kewlckv54r] {
    font-weight: 300;
}

.candidate-button[b-kewlckv54r] {
    color: black;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
}


.new-icon[b-kewlckv54r] {
    display: inline-block;
    background-color: green;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}

.block-icon[b-kewlckv54r] {
    display: inline-block;
    background-color: darkred;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}

.material-symbols-outlined[b-kewlckv54r] {
    font-size: 1.5em; /* Size of the material icons */
    vertical-align: middle; /* Align the icon with the text */
}
/* _content/JobPortal/Components/Pages/WebMasterPages/AllCandidates.razor.rz.scp.css */
.container[b-ny1gj1zd11] {
    display: grid;
    grid-template-columns: 1fr 3fr;
    height: 100vh;
    font-family: "Montserrat", sans-serif;
}

.candidates-list[b-ny1gj1zd11] {
    border-right: 1px solid #ddd;
    padding: 20px;
    background: #f9f9f9;
    width: 40vw;
}

    .candidates-list .header[b-ny1gj1zd11] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

        .candidates-list .header input[b-ny1gj1zd11] {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 7px;
        }

    .candidates-list .list[b-ny1gj1zd11] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        overflow-y: auto;
        height:500px;
    }

.candidate-item[b-ny1gj1zd11] {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    transition: background 0.2s;
}

    .candidate-item:hover[b-ny1gj1zd11] {
        background: #f0f0f0;
    }

    .candidate-item img[b-ny1gj1zd11] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 15px;
    }

    .candidate-item .details .name[b-ny1gj1zd11] {
        font-weight: bold;
        color: #333;
    }

    .candidate-item .details .last-seen[b-ny1gj1zd11] {
        font-size: 0.9em;
        color: #666;
    }

.candidate-details[b-ny1gj1zd11] {
    padding: 20px;
    width:50vw;

}

    .candidate-details .details-container[b-ny1gj1zd11] {
        max-width: 800px;
        margin: auto;
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .candidate-details .header[b-ny1gj1zd11] {
        text-align: center;
        margin-bottom: 20px;
    }

        .candidate-details .header h2[b-ny1gj1zd11] {
            font-size: 1.5em;
            color: #333;
        }

        .candidate-details .header p[b-ny1gj1zd11] {
            font-size: 1em;
            color: #666;
        }

    .candidate-details .content h3[b-ny1gj1zd11] {
        margin-top: 20px;
        font-size: 1.2em;
        color: #333;
    }
.pagination-controls-all[b-ny1gj1zd11]{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .pagination-controls-all .page-button[b-ny1gj1zd11] {
        margin: 0 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
    }

        .pagination-controls-all .page-button.active[b-ny1gj1zd11] {
            background-color: #001D3D;
            color: white;
        }

        .pagination-controls-alls .page-button:disabled[b-ny1gj1zd11] {
            background-color: #ddd;
            cursor: not-allowed;
        }

.content-wrapper[b-ny1gj1zd11] {
    flex-wrap: wrap;
    width: 73vw;
}

.job-listings[b-ny1gj1zd11] {
    width: 50%;
}
.container_webMaster[b-ny1gj1zd11]{
    display:flex;
}
button[b-ny1gj1zd11] {
    height: 40px;
    padding: 0;
    font-size: 12px;
}
.page-button[b-ny1gj1zd11]{
    color:black;
}
.search_box[b-ny1gj1zd11]{
    display:flex;
    position:relative;
    width:20vw;
}
.material-icons[b-ny1gj1zd11]{
    position:absolute;
    width:fit-content;
    right:0;
    background:none;
    color:grey;
    font-size:25px;
    top:3px
}
/* _content/JobPortal/Components/Pages/WebMasterPages/AllPackages.razor.rz.scp.css */
.packages-container[b-gikp4vlmam] {
    text-align: center;
    padding: 20px;

}

.packages-list[b-gikp4vlmam] {
    display: flex;
    justify-content: center;
    gap:15px;
    flex-wrap: wrap;
}

/* _content/JobPortal/Components/Pages/WebMasterPages/CompaniesPackageOrders.razor.rz.scp.css */
.c-table[b-f3nk3smay8] {
    border-collapse: collapse !important;
    margin: 27px 60px 0 20px;
    border-radius: 24px;
    box-shadow: 0px 4px 16px 6px rgba(71, 89, 228, 0.16);
    width: 95%;
}
.organization-button[b-f3nk3smay8]{
    background-color:transparent;
    color:black;
}
.col1 input[b-f3nk3smay8] {
    width: 18px;
    height: 18px;
    outline: 2px solid rgba(73, 69, 79, 1);
    outline-offset: -2px;
}

.c-table td[b-f3nk3smay8] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    align-content: center;
}

.c-table tr td:first-child[b-f3nk3smay8] {
    border-left: none;
}

.c-table tr td:last-child[b-f3nk3smay8] {
    border-right: none;
}

.c-table .t-head td[b-f3nk3smay8] {
    border-top: none;
}

.c-table tr:last-child td[b-f3nk3smay8] {
    border-bottom: none;
}

.col1[b-f3nk3smay8] {
    width: 1%;
}

.col6[b-f3nk3smay8] {
    width: 12%;
}

.col5[b-f3nk3smay8] {
    width: 12%;
}

.col4[b-f3nk3smay8] {
    width: 10%;
}

.col2[b-f3nk3smay8], .col3[b-f3nk3smay8], .col4[b-f3nk3smay8], .col5[b-f3nk3smay8] {
    padding-left: 24px;
}

.col6[b-f3nk3smay8] {
    padding: 25px 42px 25px 42px;
}

.col1[b-f3nk3smay8] {
    padding: 24px;
}

.filt-button[b-f3nk3smay8] {
    position: relative;
    align-content: center;
    background: none;
    width: 18px;
    height: 18px;
    color: rgba(4, 48, 173, 1);
    border: none;
    bottom: 8px;
    left: -12px;
}

    .filt-button span[b-f3nk3smay8] {
        position: absolute;
        width: 18px;
        height: 18px;
    }

.table-head[b-f3nk3smay8] {
    color: rgba(4, 48, 173, 1);
}

.c-table img[b-f3nk3smay8] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    background-color: rgba(217, 217, 217, 1);
    margin-right: 10px;
}

.t-head[b-f3nk3smay8] {
    font-weight: 600;
}

.buttons[b-f3nk3smay8] {
    display: flex;
    margin-top: 34px;
    margin-left: 25px;
    width: 95%;
}

    .buttons button[b-f3nk3smay8] {
        background: none;
        padding: 10px 16px 10px 16px;
        border: 1px solid rgba(0, 0, 0, 1);
        border-radius: 4px;
        margin-right: 10px;
    }

    .buttons .b-new[b-f3nk3smay8] {
        border: 1px solid rgba(131, 56, 236, 1);
        color: rgba(131,56,236,1);
    }

    .buttons .b-edit[b-f3nk3smay8] {
        color: white;
        background: rgba(103, 80, 164, 1);
        border-radius: 100px;
        width: 83px;
        border: none;
        margin-left: auto;
    }

.delete[b-f3nk3smay8] {
    width: min-content;
    color: rgba(255, 35, 35, 1);
}

.material-symbols-outlined[b-f3nk3smay8] {
    font-weight: 300;
}

.employer-button[b-f3nk3smay8] {
    color: black;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.new-icon[b-f3nk3smay8] {
    display: inline-block;
    background-color: green;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}

.block-icon[b-f3nk3smay8] {
    display: inline-block;
    background-color: darkred;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}

.material-symbols-outlined[b-f3nk3smay8] {
    font-size: 1.5em; /* Size of the material icons */
    vertical-align: middle; /* Align the icon with the text */
}

.company-logo[b-f3nk3smay8] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

.pagination-controls[b-f3nk3smay8] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .pagination-controls .page-button[b-f3nk3smay8] {
        margin: 0 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
    }

        .pagination-controls .page-button.active[b-f3nk3smay8] {
            background-color: #FB8500;
            color: white;
        }

        .pagination-controls .page-button:disabled[b-f3nk3smay8] {
            background-color: #ddd;
            cursor: not-allowed;
        }
.modal[b-f3nk3smay8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-f3nk3smay8] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-height: 80%;
    overflow-y: auto;
}
button[b-f3nk3smay8] {
    background-color: #002D5E;
}
.payment-btn[b-f3nk3smay8]{
    font-size:10px;
    width:138px;
}
    .payment-btn:hover[b-f3nk3smay8] {
        background-color: #002D5E
    }
    .col12[b-f3nk3smay8]{
        display:flex;
        flex-direction:column;
        gap:5px;
    }
    input[b-f3nk3smay8]{
        border-radius:4px;
    }
    select[b-f3nk3smay8]{
        border-radius:4px;
    }
    @media(max-width:480px){
        h1[b-f3nk3smay8]{
            font-size:25px !important;
        }
        .search[b-f3nk3smay8]{
            width:250px !important;
        }
    }
/* _content/JobPortal/Components/Pages/WebMasterPages/CreatePackage.razor.rz.scp.css */

.main-content[b-giwho0j504] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 30px;
    max-width: 400px;
    width: 100%;
}

    /* Header price styling */
    .main-content > div:first-child[b-giwho0j504] {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    /* Form styling */
    .main-content div[b-giwho0j504] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .main-content label[b-giwho0j504] {
        font-size: 16px;
        color: #333;
    }

    .main-content input[type="number"][b-giwho0j504],
    .main-content input[type="checkbox"][b-giwho0j504] {
        margin-left: 10px;
        transform: scale(1.2);
    }

        /* Checkbox tick marks styling */
        .main-content input[type="checkbox"]:checked[b-giwho0j504]::before {
            content: '✔';
            display: inline-block;
            color: green;
            font-size: 16px;
            margin-right: 5px;
        }

        .main-content input[type="checkbox"][b-giwho0j504]::before {
            content: '✖';
            display: inline-block;
            color: red;
            font-size: 16px;
            margin-right: 5px;
        }

/* Submit button styling */
button[type="submit"][b-giwho0j504] {
    background-color: #6200EA;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease;
}

    button[type="submit"]:hover[b-giwho0j504] {
        background-color: #4500b5;
    }
/* _content/JobPortal/Components/Pages/WebMasterPages/WebMasterCandidates.razor.rz.scp.css */
.c-table[b-nnw3skyrkv] {
    border-collapse: collapse !important;
    margin: 27px 60px 0 20px;
    border-radius: 24px;
    box-shadow: 0px 4px 16px 6px rgba(71, 89, 228, 0.16);
    width: 95%;
}

.col1 input[b-nnw3skyrkv] {
    width: 18px;
    height: 18px;
    outline: 2px solid rgba(73, 69, 79, 1);
    outline-offset: -2px;
}

.c-table td[b-nnw3skyrkv] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    align-content: center;
}

.c-table tr td:first-child[b-nnw3skyrkv] {
    border-left: none;
}

.c-table tr td:last-child[b-nnw3skyrkv] {
    border-right: none;
}

.c-table .t-head td[b-nnw3skyrkv] {
    border-top: none;
}

.c-table tr:last-child td[b-nnw3skyrkv] {
    border-bottom: none;
}

.col1[b-nnw3skyrkv] {
    width: 1%;
}

.col6[b-nnw3skyrkv] {
    width: 12%;
}

.col5[b-nnw3skyrkv] {
    width: 12%;
}

.col4[b-nnw3skyrkv] {
    width: 10%;
}

.col2[b-nnw3skyrkv], .col3[b-nnw3skyrkv], .col4[b-nnw3skyrkv], .col5[b-nnw3skyrkv] {
    padding-left: 24px;
}

.col6[b-nnw3skyrkv] {
    padding: 25px 42px 25px 42px;
}

.col1[b-nnw3skyrkv] {
    padding: 24px;
}

.filt-button[b-nnw3skyrkv] {
    position: relative;
    align-content: center;
    background: none;
    width: 18px;
    height: 18px;
    color: rgba(4, 48, 173, 1);
    border: none;
    bottom: 8px;
    left: -12px;
}

    .filt-button span[b-nnw3skyrkv] {
        position: absolute;
        width: 18px;
        height: 18px;
    }

.table-head[b-nnw3skyrkv] {
    color: rgba(4, 48, 173, 1);
}

.c-table img[b-nnw3skyrkv] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    background-color: rgba(217, 217, 217, 1);
    margin-right: 10px;
}

.t-head[b-nnw3skyrkv] {
    font-weight: 600;
}

.buttons[b-nnw3skyrkv] {
    display: flex;
    margin-top: 34px;
    margin-left: 25px;
    width: 95%;
}

    .buttons button[b-nnw3skyrkv] {
        background: none;
        padding: 10px 16px 10px 16px;
        border: 1px solid rgba(0, 0, 0, 1);
        border-radius: 4px;
        margin-right: 10px;
    }

    .buttons .b-new[b-nnw3skyrkv] {
        border: 1px solid rgba(131, 56, 236, 1);
        color: rgba(131,56,236,1);
    }

    .buttons .b-edit[b-nnw3skyrkv] {
        color: white;
        background: rgba(103, 80, 164, 1);
        border-radius: 100px;
        width: 83px;
        border: none;
        margin-left: auto;
    }

.delete[b-nnw3skyrkv] {
    width: min-content;
    color: rgba(255, 35, 35, 1);
}

.material-symbols-outlined[b-nnw3skyrkv] {
    font-weight: 300;
}

.candidate-button[b-nnw3skyrkv] {
    color: black;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
}


.new-icon[b-nnw3skyrkv] {
    display: inline-block;
    background-color: green;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}
.block-icon[b-nnw3skyrkv] {
    display: inline-block;
    background-color: darkred;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}

.material-symbols-outlined[b-nnw3skyrkv] {
    font-size: 1.5em; /* Size of the material icons */
    vertical-align: middle; /* Align the icon with the text */
}


.pagination-controls[b-nnw3skyrkv] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .pagination-controls .page-button[b-nnw3skyrkv] {
        margin: 0 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
    }

        .pagination-controls .page-button.active[b-nnw3skyrkv] {
            background-color: #FB8500;
            color: white;
        }

        .pagination-controls .page-button:disabled[b-nnw3skyrkv] {
            background-color: #ddd;
            cursor: not-allowed;
        }
        .search-bar .material-icons[b-nnw3skyrkv]{
            background-color:transparent;
        }
        h2[b-nnw3skyrkv]{
            margin-top:20px;    
        }
        .filt-button[b-nnw3skyrkv]{
            padding:0;
        }
.pagination-controls .page-button.active[b-nnw3skyrkv] {
    background-color: #001D3D !important;
}

.page-button[b-nnw3skyrkv] {
    border: 1px solid black;
    color: black;
    width: 40px;
    height: 40px;
}

.page_change-btn[b-nnw3skyrkv] {
    background-color: transparent !important;
    color: black;
    border: 1px solid black;
    width: min-content;
    padding:8px;
    display:flex;
}
.pagination-controls[b-nnw3skyrkv]{
    margin-left:50px;
}
/* _content/JobPortal/Components/Pages/WebMasterPages/WebMasterEmployers.razor.rz.scp.css */
.c-table[b-zykhtoze8m] {
    border-collapse: collapse !important;
    margin: 27px 60px 0 20px;
    border-radius: 24px;
    box-shadow: 0px 4px 16px 6px rgba(71, 89, 228, 0.16);
    width: 95%;
}

.col1 input[b-zykhtoze8m] {
    width: 18px;
    height: 18px;
    outline: 2px solid rgba(73, 69, 79, 1);
    outline-offset: -2px;
}

.c-table td[b-zykhtoze8m] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    align-content: center;
}

.c-table tr td:first-child[b-zykhtoze8m] {
    border-left: none;
}

.c-table tr td:last-child[b-zykhtoze8m] {
    border-right: none;
}

.c-table .t-head td[b-zykhtoze8m] {
    border-top: none;
}

.c-table tr:last-child td[b-zykhtoze8m] {
    border-bottom: none;
}

.col1[b-zykhtoze8m] {
    width: 1%;
}

.col6[b-zykhtoze8m] {
    width: 12%;
}

.col5[b-zykhtoze8m] {
    width: 12%;
}

.col4[b-zykhtoze8m] {
    width: 10%;
}

.col2[b-zykhtoze8m], .col3[b-zykhtoze8m], .col4[b-zykhtoze8m], .col5[b-zykhtoze8m] {
    padding-left: 24px;
}

.col6[b-zykhtoze8m] {
    padding: 25px 42px 25px 42px;
}

.col1[b-zykhtoze8m] {
    padding: 24px;
}

.filt-button[b-zykhtoze8m] {
    position: relative;
    align-content: center;
    background: none;
    width: 18px;
    height: 18px;
    color: rgba(4, 48, 173, 1);
    border: none;
    bottom: 8px;
    left: -12px;
}

    .filt-button span[b-zykhtoze8m] {
        position: absolute;
        width: 18px;
        height: 18px;
    }

.table-head[b-zykhtoze8m] {
    color: rgba(4, 48, 173, 1);
}

.c-table img[b-zykhtoze8m] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    background-color: rgba(217, 217, 217, 1);
    margin-right: 10px;
}

.t-head[b-zykhtoze8m] {
    font-weight: 600;
}

.buttons[b-zykhtoze8m] {
    display: flex;
    margin-top: 34px;
    margin-left: 25px;
    width: 95%;
}

    .buttons button[b-zykhtoze8m] {
        background: none;
        padding: 10px 16px 10px 16px;
        border: 1px solid rgba(0, 0, 0, 1);
        border-radius: 4px;
        margin-right: 10px;
    }

    .buttons .b-new[b-zykhtoze8m] {
        border: 1px solid rgba(131, 56, 236, 1);
        color: rgba(131,56,236,1);
    }

    .buttons .b-edit[b-zykhtoze8m] {
        color: white;
        background: rgba(103, 80, 164, 1);
        border-radius: 100px;
        width: 83px;
        border: none;
        margin-left: auto;
    }

.delete[b-zykhtoze8m] {
    width: min-content;
    color: rgba(255, 35, 35, 1);
}

.material-symbols-outlined[b-zykhtoze8m] {
    font-weight: 300;
}

.employer-button[b-zykhtoze8m] {
    color: black;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.new-icon[b-zykhtoze8m] {
    display: inline-block;
    background-color: green;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}
.block-icon[b-zykhtoze8m] {
    display: inline-block;
    background-color: darkred;
    color: white;
    padding: 4px 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
}

.material-symbols-outlined[b-zykhtoze8m] {
    font-size: 1.5em; /* Size of the material icons */
    vertical-align: middle; /* Align the icon with the text */
}


.pagination-controls[b-zykhtoze8m] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .pagination-controls .page-button[b-zykhtoze8m] {
        margin: 0 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
    }

        .pagination-controls .page-button.active[b-zykhtoze8m] {
            background-color: #FB8500;
            color: white;
        }

        .pagination-controls .page-button:disabled[b-zykhtoze8m] {
            background-color: #ddd;
            cursor: not-allowed;
        }
        .filt-button[b-zykhtoze8m]{
            padding:0
        }
        .search-bar .material-icons[b-zykhtoze8m]{
            background-color:transparent;
        }
        h2[b-zykhtoze8m]{
            margin-top:20px;
        }
.pagination-controls .page-button.active[b-zykhtoze8m] {
    background-color: #001D3D !important;
}
.page-button[b-zykhtoze8m]{
    border:1px solid black;
    color:black;
    width:40px;
    height:40px;    
}
.page_change-btn[b-zykhtoze8m]{
    background-color:transparent !important;
    color:black;
    border:1px solid black;
    width:fit-content;
}
/* _content/JobPortal/Components/Pages/WebMasterPages/WebMasterJobSeeker.razor.rz.scp.css */

.container[b-r5n4fz7i62] {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
}

/* Sidebar styling */
.sidebar[b-r5n4fz7i62] {
    width: 300px;
    padding: 20px;
    background-color: #ffffff;
}

.job-alerts h2[b-r5n4fz7i62] {
    font-size: 18px;  
    color: #333;
}

.job-alerts p[b-r5n4fz7i62] {
    font-size: 14px;
    color: #666;
}

.switch[b-r5n4fz7i62] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-top: 10px;
}

    .switch input[b-r5n4fz7i62] {
        display: none;
    }

.slider[b-r5n4fz7i62] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px;
}

    .slider[b-r5n4fz7i62]:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        border-radius: 50%;
        left: 2px;
        bottom: 2px;
        background-color: white;
        transition: .4s;
    }

input:checked + .slider[b-r5n4fz7i62] {
    background-color: #001D3D;
}

    input:checked + .slider[b-r5n4fz7i62]:before {
        transform: translateX(20px);
    }

.filters h3[b-r5n4fz7i62] {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}

.filters ul[b-r5n4fz7i62] {
    list-style: none;
    padding: 0;
}

    .filters ul li[b-r5n4fz7i62] {
        margin-bottom: 10px;
    }

        .filters ul li label[b-r5n4fz7i62] {
            margin-left: 5px;
            color: #666;
        }

        .filters ul li span[b-r5n4fz7i62] {
            float: right;
            color: #999;
        }

/* Story Section styling */
.story-section[b-r5n4fz7i62] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.story-card[b-r5n4fz7i62] {
    width: 203px;
    height: 288px;
    background-color: #e0e0e0;
    border-radius: 10px;
}

.next-story[b-r5n4fz7i62] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #6c5ce7;
}

/* Main content styling */
.main-content[b-r5n4fz7i62] {
    flex: 1;
    padding: 20px;
    background-color: #ffffff;
}

.search-bar[b-r5n4fz7i62] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .search-bar input[b-r5n4fz7i62] {
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ddd;
        border-radius: 5px;
        width: 200px;
    }

    .search-bar button[b-r5n4fz7i62] {
        background-color: #6c5ce7;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

.job-listings-header[b-r5n4fz7i62] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

.hot-jobs-text[b-r5n4fz7i62] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    text-align: left;
    background: linear-gradient(180deg, #FB8500 0%, #F91212 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 342px;
}

.content-wrapper[b-r5n4fz7i62] {
    display: flex;
    gap: 9px;
}

.job-listings[b-r5n4fz7i62] {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-listing[b-r5n4fz7i62] {
    display: flex;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.dropdown-icon[b-r5n4fz7i62] {
    margin-left: 0px;
    width: 0px;
    height: 23px;
}

.hot-jobs-button[b-r5n4fz7i62] {
    background: transparent;
    border: 2px solid #FB8500;
    color: #FB8500;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

    .hot-jobs-button:hover[b-r5n4fz7i62] {
        background: #FB8500;
        color: white;
    }

.by-date[b-r5n4fz7i62] {
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}

.job-info[b-r5n4fz7i62] {
    display: flex;
    gap: 15px;
}

.job-thumbnail[b-r5n4fz7i62] {
    width: 50px;
    height: 50px;
    background-color: #ddd;
    border-radius: 5px;
}

.job-details h4[b-r5n4fz7i62] {
    font-size: 16px;
    margin: 0;
    color: #333;
}

.job-meta[b-r5n4fz7i62] {
    display: flex;
    gap: 10px;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.job-details p[b-r5n4fz7i62] {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.job-actions[b-r5n4fz7i62] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.badge[b-r5n4fz7i62] {
    background-color: #2ecc71;
    color: white;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 12px;
}

.save-job-btn[b-r5n4fz7i62] {
    background: none;
    border: none;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

/* Hot Jobs Section styling */
.hot-jobs[b-r5n4fz7i62] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 17px 40px;
}

.hot-job[b-r5n4fz7i62] {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.hot-job-company[b-r5n4fz7i62] {
    font-size: 14px;
    color: #333;
}

.hot-job-title[b-r5n4fz7i62] {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.hot-job-meta[b-r5n4fz7i62] {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.employment-type[b-r5n4fz7i62] {
    background-color: #2ecc71;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin-right: 10px;
}

.ad-space[b-r5n4fz7i62] {
    background-color: #ddd;
    height: 150px;
    border-radius: 8px;
    margin-top: 20px;
}

.story-carousel[b-r5n4fz7i62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.story-section[b-r5n4fz7i62] {
    display: flex;
    gap: 10px;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
}

.story-card[b-r5n4fz7i62] {
    width: 203px;
    height: 288px;
    background-color: #e0e0e0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.carousel-button[b-r5n4fz7i62] {
    background-color: #001D3D !important;
    color: white;
    border: none;
    padding: 9px 18px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}   

    .carousel-button.next[b-r5n4fz7i62] {
        right: 182px;
    }

    .carousel-button:hover[b-r5n4fz7i62] {
        background-color: #4a3db2;
    }

.admin-controls[b-r5n4fz7i62] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    margin-left: auto;
}

.delete-button[b-r5n4fz7i62],
.promote-button[b-r5n4fz7i62],
.hot-job-button[b-r5n4fz7i62] {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.promote-button[b-r5n4fz7i62] {
    background-color: #3498db;
}

.hot-job-button[b-r5n4fz7i62] {
    background-color: #f39c12;
}

.delete-button:hover[b-r5n4fz7i62] {
    background-color: #c0392b;
}

.promote-button:hover[b-r5n4fz7i62] {
    background-color: #2980b9;
}

.hot-job-button:hover[b-r5n4fz7i62] {
    background-color: #e67e22;
}

.story-card[b-r5n4fz7i62] {
    position: relative;
}

    .story-card .delete-button[b-r5n4fz7i62] {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: #e74c3c;
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;
    }

        .story-card .delete-button:hover[b-r5n4fz7i62] {
            background-color: #c0392b;
        }

.pagination-controls[b-r5n4fz7i62] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .pagination-controls .page-button[b-r5n4fz7i62] {
        margin: 0 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
    }

        .pagination-controls .page-button.active[b-r5n4fz7i62] {
            background-color: #001D3D;
            color: white;
        }

        .pagination-controls .page-button:disabled[b-r5n4fz7i62] {
            background-color: #ddd;
            cursor: not-allowed;
        }

.content-wrapper[b-r5n4fz7i62] {
    flex-wrap: wrap;
    width: 73vw;
}

.job-listings[b-r5n4fz7i62] {
    width: 50%;
}


@media(max-width:480px){
    .container[b-r5n4fz7i62]{
        flex-direction:column;
        overflow:hidden;
    }
    .carousel-button[b-r5n4fz7i62]{
        position:relative;
        margin-top:40px;
    }
    .carousel-button.next[b-r5n4fz7i62]{
        right:0
    }
    .story-carousel[b-r5n4fz7i62]{
        flex-direction:column;
    }
    .search-bar[b-r5n4fz7i62]{
        width:180%;
        margin-bottom:200px;
    }
    .content-wrapper[b-r5n4fz7i62]{
        flex-direction:column;
    }
    .job-listings[b-r5n4fz7i62]{
        width:120%; 
        align-self:center;
    }
    .hot-jobs-text[b-r5n4fz7i62]{
        display:none;
    }
    .job-listings-header[b-r5n4fz7i62]{
        flex-direction:column;
    }
   

    
}
/* _content/JobPortal/Components/Pages/WebMasterPages/WebMasterSettings.razor.rz.scp.css */
.font-picker-container[b-idns76p722] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

select#fontSelector[b-idns76p722] {
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
}

.action-buttons[b-idns76p722] {
    margin-top: 20px;
}

.save-button[b-idns76p722], .cancel-button[b-idns76p722], .reset-button[b-idns76p722] {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    width: 100px
}

.save-button[b-idns76p722] {
    background-color: #28a745;
    color: white;
    margin-right: 10px;

}

.cancel-button[b-idns76p722] {
    background-color: #dc3545;
    color: white;
}
.font-size-container[b-idns76p722] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

#fontSize[b-idns76p722] {
    padding: 5px;
    font-size: 16px;
}

.action-buttons[b-idns76p722] {
    margin-top: 20px;
}

.save-button[b-idns76p722], .cancel-button[b-idns76p722] {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
}

.save-button[b-idns76p722] {
    background-color: #28a745;
    color: white;
    margin-right: 10px;
}

.cancel-button[b-idns76p722] {
    background-color: #dc3545;
    color: white;
}