.text-orange{color: var(--text-orange);}
.text-red{color: var(--failureRed);}
.opportunitiesTestItem .opportunitiesTestBox .text-orange{font-size: 12px;font-weight: 500;line-height: 14.63px;}
.opportunitiesTestItem .opportunitiesTestBox .test-expiryMsg{font-size: 12px;font-weight: 400;font-style: italic;color: var(--text-field-outline-2);line-height: 14.63px;}
.opportunitiesTestItem .opportunitiesTestBox .test-expiryMsg.expired{color: var(--text-orange);}

/* JD MUST FORMATTING START*/

/* JD MUST FORMATTING END */



/* hrVideoCompanyAbout */
.modal-body.profileImp.hrVideoCompanyAbout{padding: 56px 24px 24px;}
.modal-body.profileImp.hrVideoCompanyAbout .profileImpDiv .modalFullVideoBox{padding-bottom: 0;}

/* hrVideoCompanyAbout END */

.take-test-modal .modal-content .modal-body p.description{color: var(--text-gray);font-size: 14px;font-weight: 400;line-height: 20px;}
.take-test-modal .modal-content .modal-body p.description span{font-weight: 600;}

/* block less exp talent START */
.exp-less-card{border-radius: 16px;background: linear-gradient(145deg, rgba(227, 227, 227, 0.43) 0%, rgba(227, 227, 227, 0.43) 0%, rgba(251, 251, 251, 0.34) 100%);
padding: 32px 24px;margin-bottom: 64px;}
.red-alert-div{background: #FFE6E6;border-radius: 8px;font-size: 18px;font-weight: 500;display: flex;align-items: flex-start;gap:8px 16px;padding: 16px;}
.red-alert-div svg{width: 32px;height: 32px;min-width: 32px;}
.red-alert-div h5{font-size: inherit;font-weight: inherit;color: var(--errorRed);line-height: 1.4;margin-top: 4px;}
.exp-less-card .content{display: flex;gap:16px;align-items: flex-start;margin-top: 8px;flex-direction: column;}
.exp-less-card .content h6{font-size: 16px;font-weight: 500;}
.exp-less-card .content p{font-size: 14px;font-weight: 400;line-height: 1;margin: 0;}
.exp-less-card .primaryBtn.blackBtn{
    display: flex;align-items: center;width: fit-content;background: var(--primary-black);color: var(--white);font-size: 14px;line-height: 1.22;
}

.exp-less-card.otherMatchingOpp{position: relative;}
.exp-less-card.otherMatchingOpp .icon-btn{position: absolute;right: 24px;top: 27px;background: transparent;border-radius: 0;}
.exp-less-card.otherMatchingOpp .icon-btn svg{transform: rotate(180deg);}
.exp-less-card.otherMatchingOpp .content{margin-top: 0;}
.exp-less-card.otherMatchingOpp .content > img{width: 78px;height: 78px;}
.exp-less-card.otherMatchingOpp .content h6{font-size: 18px;font-weight: 600;margin-bottom: 12px;padding-right: 68px;}
.exp-less-card.otherMatchingOpp .content.hasOpp h6{line-height: 26px;margin-bottom: 8px;}
.exp-less-card.otherMatchingOpp .content p{font-size: 14px;font-weight: 500;line-height: 20px;margin: 0;color: var(--text-gray);}
.exp-less-card.otherMatchingOpp .content.hasOpp p{font-weight: 400;}
.exp-less-card.otherMatchingOpp .content .action{display: flex;align-items: center;margin-top: 32px;gap:24px;flex-wrap: wrap;}
.exp-less-card.otherMatchingOpp .underlinedBtn{font-size: 18px;margin-top: 32px;line-height: 22px;display: flex;align-items: center;}
.exp-less-card.otherMatchingOpp .action .primaryBtn{margin-top: 0;}
.exp-less-card.otherMatchingOpp .action .underlinedBtn{margin-top: 0;}


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
.exp-less-card.otherMatchingOpp .opportunities-wrap{display: flex;gap:24px;flex-wrap: wrap;margin-top: 32px;}

.exp-less-card.otherMatchingOpp .opportunities-box{padding: 16px 0 0;border-radius: 8px;width: auto;display: flex;flex-direction: column;gap: 20px;
    cursor: pointer;background: var(--white);border: 1px solid var(--text-field-outline-2);color: var(--text-gray);width: calc(33.33% - 16px);position: relative;}
.exp-less-card.otherMatchingOpp .opportunities-box > div{padding: 0 16px;}
/* .sidebarCollapsed .exp-less-card.otherMatchingOpp .opportunities-box{min-width: 352px;} */
.exp-less-card.otherMatchingOpp .opportunities-box .top{display: flex;justify-content: space-between;align-items: center;}
.exp-less-card.otherMatchingOpp .opportunities-box .top .title{all: unset;display: flex;align-items: center;gap:8px}
.exp-less-card.otherMatchingOpp .opportunities-box .top .title img{width: 16px;height: 16px;}
.exp-less-card.otherMatchingOpp .opportunities-box .top .title h3{font-size: 14px;font-weight: 500;color: var(--text-gray);}
.exp-less-card.otherMatchingOpp .opportunities-box .top button.bookmark-btn{border: none;outline: none;background: transparent;}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content{display: flex;flex-direction: column;gap: 24px;flex: 1;}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content h3{color: var(--secondary-black);font-weight: 600;font-size: 18px;line-height: 22px;position: relative;
    padding-right: 35px;max-width: 80%;width: max-content;}

.sidebarCollapsed .exp-less-card.otherMatchingOpp .opportunities-box .opp-content h3 {max-width: 78%;}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content h3 sup{color: var(--text-orange);margin-left: 5px;position: absolute;top: 0;right: 0;}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes{display: flex;flex-wrap: wrap;gap: 16px;justify-content: space-between;}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li {display: flex;align-items: flex-start;gap: 4px;width: calc(50% - 8px);}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li img {width: 16px;min-width: 16px;}
.exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li span{display: inline-block;font-weight: 500;font-size: 12px;line-height: 15px;
    white-space: normal;}

.exp-less-card.otherMatchingOpp .opportunities-box .bottom{padding:16px 24px 16px 16px;border-top: 1px solid var(--rgb-gray-20);
    width: 100%;display: flex;justify-content: space-between;align-items: center;}
.exp-less-card.otherMatchingOpp .opportunities-box .bottom .match-text{color: var(--successGreen);font-size: 11px;font-weight: 500;display: flex;gap: 4px;align-items: center;}
.exp-less-card.otherMatchingOpp .opportunities-box .bottom h6{color: var(--secondary-black);font-weight: 600;font-size: 14px;line-height: 17px;display: flex;align-items: center;gap: 4px;}
.exp-less-card.otherMatchingOpp .opportunities-box .bottom h6 svg{width: 16px;height: 16px;transform: rotate(270deg);}
.bookmark-btn.saved svg .content{fill: var(--secondary-black);}
.bookmark-btn:hover svg .container{fill: var(--brandYellow);stroke: var(--brandYellow);opacity: 1;}
.bookmark-btn:hover svg .content{fill: var(--secondary-black);}
.bookmark-btn.saved:hover svg .container{fill: unset;stroke: var(--text-gray);opacity: 0.5;}
.bookmark-btn.saved:hover svg .content{fill: unset;}

.exp-less-card.otherMatchingOpp .dpInfoTag .dpInfoTagHover{width:360px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.exp-less-card.otherMatchingOpp .dpInfoTag .dpInfoTagHover:before{right:0;left: 0;margin: auto;}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */


.commonModal.exp-less-modal .modal-dialog{width:1047px;}
.commonModal.exp-less-modal .modal-body{text-align: left;padding: 40px;max-height: calc(100vh - 80px);}
.commonModal.exp-less-modal .container-div{max-height: calc(100vh - 160px);overflow-y: auto;}
.commonModal.exp-less-modal .content{display: flex;gap:8px;align-items: flex-start;margin-top: 40px;}
.commonModal.exp-less-modal .content img{width: 90px;height: 90px;}
.commonModal.exp-less-modal .content h5{font-size: 22px;font-weight: 500;margin-bottom: 16px;color: var(--secondary-black);}
.commonModal.exp-less-modal .content p{font-size: 14px;font-weight: 400;line-height: 20px;margin: 0;color: var(--text-gray);}
.commonModal.exp-less-modal .content p.strong{font-weight: 500;margin-top: 8px;}
.commonModal.exp-less-modal .action{display: flex;align-items: center;margin-top: 32px;gap:24px;flex-wrap: wrap-reverse;}
.commonModal.exp-less-modal .action .primaryBtn{display: flex;align-items: center;width: fit-content;}
.commonModal.exp-less-modal .action .underlinedBtn{font-size: 18px;}
/* width */
.commonModal .modal-body .container-div::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.commonModal .modal-body .container-div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--border-gray2);
    border-radius: 10px;
    width: 7px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-clip: padding-box;
}
/* Handle */
.commonModal .modal-body .container-div::-webkit-scrollbar-thumb {
    background: var(--bg-gray-bf);
    border-radius: 10px;
    min-width: 7px;
}
.commonModal .modal-body .container-div::-webkit-scrollbar-thumb:hover {
    background: var(--text-gray);
}

@media(max-width:1425px){
    .exp-less-card.otherMatchingOpp .opportunities-box{width: calc(50% - 20px);}
}

@media(max-width:930px){
    .exp-less-card.otherMatchingOpp .opportunities-box{width: 100%;}
}




@media(max-width:767px){
    .top-toolbar .m-guideBtn-icon{
        display: block;
        max-width: 32px;
        width: 32px;
        height: 32px;
        margin-right: 24px;
        border-right: none !important;
    }
    .red-alert-div{font-size: 16px;}
    .exp-less-card .content h5{font-size: 18px;}
    .exp-less-card .content p{font-size: 12px;font-weight: 400;line-height: 16px;}
    .commonModal.exp-less-modal .content{flex-direction: column;}
    .commonModal.exp-less-modal .content h5{font-size: 18px;}
    .commonModal.exp-less-modal .content p{font-size: 12px;}
}

@media(max-width:575px){
    .exp-less-card{margin-bottom: 48px;}
    .exp-less-card.otherMatchingOpp .content.hasOpp h6{padding-right: 0;}
    .commonModal.exp-less-modal .modal-body{padding:40px 16px 24px;}
    .exp-less-card .content{flex-direction: column;}
    .exp-less-card .content img{width:84px;height: 84px;}
    .red-alert-div{flex-direction: column;padding: 24px 16px;align-items: flex-start;font-size: 14px;}
    .exp-less-card{padding: 24px 16px;}
    .exp-less-card.otherMatchingOpp{padding: 16px 16px 32px;}
    .commonModal.exp-less-modal .content img{width: 64px;height: 64px;}
    .exp-less-card .primaryBtn{font-size: 16px;}
    .exp-less-card .content h5{margin-bottom: 8px;}
    .commonModal.exp-less-modal .action{flex-direction: column-reverse;align-items: center;}
}

@media(max-width:480px){
    .exp-less-card.otherMatchingOpp .content h6{font-size: 16px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .top .title h3{font-size: 12px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content h3{font-size: 14px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes{gap: 8px;}
}

@media(max-width:425px){
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li span{font-size: 11px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li{width: auto;}
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li img{width: 14px;height: 14px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .bottom{padding: 12px 24px 16px 16px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .bottom h6{font-size: 12px;}
    .exp-less-card.otherMatchingOpp .primaryBtn{font-size: 16px;}
    .exp-less-card.otherMatchingOpp .underlinedBtn{font-size: 14px;}
}

@media(max-width:374px){
    .exp-less-card.otherMatchingOpp .opportunities-box{min-width: 256px;}
    .exp-less-card.otherMatchingOpp .opportunities-box > div{padding: 0 12px;}
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li span{white-space: normal;}
    .exp-less-card.otherMatchingOpp .opportunities-box .opp-content .attributes li img{width: 12px;height: 12px;}
}

/* block less exp talent END */

/* bookmark before leave START */

.commonModal.confirmRedirect .modal-dialog{width:877px;}
.commonModal.confirmRedirect .modal-body{text-align: left;padding: 40px;max-height: calc(100vh - 80px);}
.commonModal.confirmRedirect .container-div{max-height: calc(100vh - 160px);overflow-y: auto;}
.commonModal.confirmRedirect .content{display: flex;gap:24px;align-items: flex-start;}
.commonModal.confirmRedirect .content img{width: 91px;height: 91px;}
.commonModal.confirmRedirect .content h5{font-size: 22px;font-weight: 500;margin-bottom: 16px;color: var(--secondary-black);}
.commonModal.confirmRedirect .content p{font-size: 14px;font-weight: 400;line-height: 20px;margin: 0;color: var(--text-gray);}
.commonModal.confirmRedirect .content p.strong{font-weight: 500;margin-top: 8px;}
.commonModal.confirmRedirect .action{display: flex;align-items: center;margin-top: 32px;gap:24px;flex-wrap: wrap-reverse;}
.commonModal.confirmRedirect .action .primaryBtn{display: flex;align-items: center;width: fit-content;}
.commonModal.confirmRedirect .action .underlinedBtn{font-size: 18px;}

@media(max-width:767px){
    .commonModal.confirmRedirect .content{flex-direction: column;}
    .commonModal.confirmRedirect .content h5{font-size: 18px;}
    .commonModal.confirmRedirect .content p{font-size: 14px;}
    .commonModal.confirmRedirect .action button{font-size: 16px;}
}

@media(max-width:480px){
    .commonModal.confirmRedirect .modal-body{padding:40px 16px 24px;}
    .commonModal.confirmRedirect .content{align-items: center;}
    .commonModal.confirmRedirect .action{flex-direction: column-reverse;align-items: center;}
    .commonModal.confirmRedirect .action .successLabelBtn{font-size: 12px;padding: 8px 16px;}
}


/* bookmark before leave END */



/*Start My Opportunities page*/
.pageMainTitle{margin-bottom:56px;}
.pageMainTitle .titleHead{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.ao-walkthrough:hover .aoCompassHover{opacity:1;visibility:visible;}
.ao-walkthrough .aoCompassHover{display:inline-block;width:130px;position:absolute;text-align:left;color:var(--white);font-size:12px;line-height:16px;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:14px;padding:12px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:break-spaces;}
.ao-walkthrough .aoCompassHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;left:0;right:0;margin:auto;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}
/*guideBtn icon add*/
.top-toolbar .m-guideBtn-icon{display: none;}
@media(max-width:425px){
    .pageMainTitle .titleHead h2{font-size: 22px;line-height: 28px;}
    .pageMainTitle .titleHead h2 .oppHeadActionTag{margin: 0 0 16px 12px;font-size: 10px;}
    .pageMainTitle .titleHead h2 .oppHeadActionTag{margin: 0 0 16px 12px;font-size: 10px; display: none;}
}
@media(max-width:360px){
    .pageMainTitle .titleHead h2{font-size: 20px;line-height: 26px;}
    .pageMainTitle .titleHead h2 .oppHeadActionTag{margin: 0 0 16px 4px;font-size: 10px;}
    .addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList {max-height: 220px;}
}

.pageMainTitle h2{font-weight:600;font-size:42px;line-height:51px;color:var(--secondary-black);margin:0;}
.pageMainTitle h2:last-child{margin-bottom:0;}
.pageMainTitle p{margin-bottom:0;font-size: 14px;}
.pageMainTitle .oppHeadActionTag{margin:0 0 20px 16px;padding:4px 8px;font-weight:500;font-size:12px;line-height:16px;color:#B76038;background:#FFE8CC;border-radius:4px;display:inline-block;vertical-align:middle;cursor:default;}
.myOpportunitiesTabs .nav-tabs{border-bottom:2px solid var(--bg-secondary);max-width:100%;flex-wrap:nowrap;display:flex;}
.myOpportunitiesTabs .nav-tabs .nav-item{margin:0;}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link{border:none;border-radius:0;font-size:14px;line-height:18px;color:var(--text-gray);font-weight:400;padding:0 20px 16px;position:relative;text-align:center;}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link:before{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--secondary-black);width:0;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;opacity:0;margin:auto;}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link.active{color:var(--secondary-black);font-weight:500;}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link.active:before{opacity:1;width:100%;}
.myOpportunitiesTabs .tab-pane{padding:32px 0 0;font-weight:400;font-size:14px;line-height:20px;color:var(--secondary-black);}
.myOpportunitiesTabs .tab-pane p{margin-bottom:32px;font-size:inherit;line-height:inherit;}
.myOpportunitiesTabs .tab-pane p:last-child{margin-bottom:0;}
.opportunitiesNotFound{min-height:464px;padding:20px;font-weight:400;font-size:14px;line-height:18px;color:var(--text-gray);text-align:center;-webkit-border-radius:8px;border-radius:8px;background:var(--bg-secondary);-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.opportunitiesNotFound.hasMasterLoader{background: var(--white);min-height:264px;}
.opportunitiesNotFound br{display:inline;}
.opportunitiesNotFound img{vertical-align:middle;margin-bottom:24px;}
.opportunitiesNotFound img:last-child{margin-bottom:0;}
.opportunitiesNotFound p{margin-bottom:8px !important;font-size:inherit;line-height:inherit;}
.opportunitiesNotFound p:last-child{margin-bottom:0 !important;}
.opportunitiesNotFound a{font-weight:500;text-decoration:underline;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesNotFound a:hover{text-decoration:none;}
/*END My Opportunities page*/

/*Start All Opportunities page*/
.howShortlistedWrap{padding:24px;border:1px solid var(--text-field-outline-2);border-radius:8px;margin-bottom:40px;}
.howShortlistedWrap h3{font-style:normal;font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);margin:0 0 24px;}
.howShortlistedWrap ul{margin:0;padding:0;list-style-type:none;}
.howShortlistedWrap ul li{border-bottom:1px solid var(--rgb-gray-20);margin-bottom:16px;padding-bottom:16px;gap:16px;align-items:center;justify-content:space-between;display:flex;}
.howShortlistedWrap ul li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.howShortlistedInfo{align-items:center;display:flex;}
.howShortlistedInfo h4{font-weight:400;font-size:14px;line-height:17px;color:var(--secondary-black);margin:0;text-align:left;}
.howShortlistedInfo .howShortlistedIcon{border:1px solid var(--rgb-gray-20);width:48px;min-width:48px;height:48px;border-radius:60px;margin:0 8px 0 0;align-items:center;justify-content:center;display:inline-flex;}
.howShortlistedInfo .howShortlistedIcon img{max-width:24px;max-height:24px;vertical-align:middle;}
.howShortlistedWrap .linkBtn{font-weight:700;font-size:14px;line-height:17px;text-decoration:underline;text-transform:uppercase;color:var(--secondary-black);padding:0;border:none;box-shadow:none;outline:none;cursor:pointer;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;white-space:nowrap;}
.howShortlistedWrap .linkBtn:hover{text-decoration:none;}
.allOpportunities{transition: all 0.5s;}
.allOpportunities .oppoInterestInTitle{margin-bottom:32px;}
.allOpportunities .oppoInterestInTitle.hasContentAbove{border-top:1px solid var(--rgb-gray-20);padding-top:56px;margin-top:40px;}
.allOpportunities .oppoInterestInTitle.matchedTitle{border:none;margin-top:32px;padding-top: 24px;}
.allOpportunities .oppoInterestInTitle h3{font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);}
.allOpportunities .opportunitiesItem{
    border:1px solid var(--bg-secondary);border-radius:8px;margin-bottom:32px;position:relative;transition: all 0.3s;
    -webkit-animation:fade-in 0.45s ease-in-out;
    animation:fade-in 0.45s ease-in-out;
}
.allOpportunities .appliedJobCount {
    padding: 0 0 12px;
    color: var(--text-gray);
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    margin-top: -8px;
}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes slide-in-bottom{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
.opportunitiesItem.fadeOpp,.jobcardmobile.fadeOpp{-webkit-animation:fade-out 1s ease-out both;animation:fade-out 1s ease-out both;pointer-events: none;}
.opportunitiesItem .opportunitiesItemHead{
    background:var(--bg-secondary);border-radius:8px;padding:24px;align-items:center;
    display:flex;position: relative;padding-top: 24px !important;
}

.opportunitiesItem .opportunitiesItemHead.showVideoAbout{background:var(--bg-secondary);border-radius:8px;padding:24px;align-items:center;display:flex;position: relative;padding-top: 64px;}
.opportunitiesItem .opportunitiesItemHead.showVideoAbout .aboutVideoHead{position: absolute;top: 24px;left: 24px;display: flex;align-items: center;gap: 8px;
    font-size: 12px;font-weight: 500;line-height: 15px;color: var(--text-gray);cursor: pointer;}
.opportunitiesItem .opportunitiesItemHead.showVideoAbout .aboutVideoHead > span{max-width: 204px;}
.opportunitiesItem .opportunitiesItemHead.showVideoAbout .aboutVideoHead .playIcon{position: relative;}
.aboutVideoHead .playIcon .playIconHover{display:inline-block;width:338px;position:absolute;text-align:left;color:var(--white);font-size:12px;line-height:16px;
    font-weight:500;background:var(--secondary-black);border-radius:8px;bottom:100%;margin-bottom:14px;padding:12px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);
    transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:break-spaces;
}
.aboutVideoHead:hover .playIcon .playIconHover{opacity:1;visibility:visible;}
.aboutVideoHead .playIcon .playIconHover:before{content:'';width:16px;height:9px;display:inline-block;position:absolute;bottom:-6px;left:0;right:0;margin-inline: auto;border-width:9px 9px 0;
    border-color:var(--secondary-black) transparent;border-style:solid;}

@media(max-width:575px) {
    .aboutVideoHead .playIconHover{max-width: 70vw;z-index:1;}
    .aboutVideoHead .playIcon:hover .playIconHover{opacity:1;visibility:visible;}
}
/* .opportunitiesItem .opportunitiesItemHead.showVideoAbout .opportunitiesHeadAction.allOppAction{margin-top: -40px;} */

.opportunitiesItem.isClosed .opportunitiesItemHead{position: relative;}
/* .opportunitiesItem.isClosed .opportunitiesItemHead *{opacity: 0.84;z-index: 3;} */
.opportunitiesItem.isClosed .opportunitiesItemHead::after{width: 100%;height:100%;position: absolute;top: 0;left: 0;background-color: rgba(245, 245, 245, 0.48);
content: ' ';border-radius: 8px;}
.opportunitiesItem.isClosed .opportunitiesItemHead .bookmarkBtn.allOppBookmark{z-index: 1;}

.opportunitiesItemHead .opportunitiesHeadInfo{flex:1;padding-top: 6px;}
.opportunitiesItem .opportunitiesItemBody{padding:24px;border-radius:0 0 8px 8px;}
.opportunitiesItem .opportunitiesItemBody .skill_apply{
    display: flex;flex-direction: column;gap: 16px;
}

.opportunitiesItem .opportunitiesItemBody .skill_apply .bottomAction{
    padding-top: 16px;border-top: 1px solid var(--bg-secondary);
    display: flex;align-items: center;justify-content: flex-end;width: 100%;gap:16px 24px;
}

.opportunitiesItem .opportunitiesItemBody .skill_apply .detes_apply{
    display: flex;align-items: center;justify-content: flex-end;gap:16px 24px;flex:1;
    .outlinedBtn{
        line-height: 1;display: flex;align-items: center;gap: 8px;font-size: 14px;white-space: nowrap;
        svg{
            width: 16px;height: 16px;min-width: 16px;
            *{stroke-width: 3px;}
        }
    }
    .applyBtn{
        background: var(--primary-black);color: var(--white);font-size: 14px;line-height: 1;border: 1px solid var(--primary-black);display: flex;align-items: center;gap: 8px;
        .aggregator-apply-link svg{stroke-width: 2px;}
    }
}

@media screen and (max-width: 991px) {
    .opportunitiesItem .opportunitiesItemBody .skill_apply .bottomAction{
        flex-wrap: wrap;gap: 16px;
    }
}
@media screen and (max-width: 480px) {
    .opportunitiesItem .opportunitiesItemBody .skill_apply .detes_apply{
        gap: 16px;
        button{font-size: 12px;padding: 8px 16px;}
    }
}


/* all opp apply end */
.opportunitiesItemHead .opportunitiesHeadLogo{
    width:100px;height:100px;min-width:100px;border-radius:8px;background:var(--white);margin-right:24px;
    align-items:center;justify-content:center;display:flex;padding: 6px;position: relative;
}
.opportunitiesItemHead .opportunitiesHeadLogo img{max-width:100%;max-height:100%;vertical-align:middle;}
.opportunitiesItemHead .opportunitiesHeadInfoInner{margin-bottom:8px;justify-content:space-between;align-items:flex-start;display:flex;gap: 8px 16px;}
.opportunitiesItemHead .opportunitiesHeadInfoInner:last-child{margin-bottom:0;}
.opportunitiesItemHead .opportunitiesHeadTitle p{margin:0;font-size:inherit;line-height:inherit;}
.opportunitiesItemHead .opportunitiesHeadTitle{font-weight:400;font-size:18px;line-height:22px;color:var(--secondary-black);}
.opportunitiesItemHead .opportunitiesHeadTitle h3{
    font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);
    display:inline-block;gap: 4px 8px;position:relative;margin:0 0 8px;
    
    .uplersPartnerBadge {
        margin-left: 4px;
        vertical-align: top;
    }
}
.opportunitiesItemHead .opportunitiesHeadTitle h3:last-child{margin-bottom:0;}
.opportunitiesItemHead .opportunitiesHeadTitle h3 a{color:inherit;}
.opportunitiesItemHead .opportunitiesHeadTitle h3 a:hover{color:var(--text-orange);}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle h3{position: relative;}
.opportunitiesItemHead .opportunitiesHeadInfo .row{flex-wrap:wrap;}
.opportunitiesItemHead .opportunitiesHeadInfo .row li{position:relative;margin-top:16px;margin-right:16px;font-weight:500;font-size:14px;line-height:16px;color:var(--secondary-black);padding-left:20px;}
.opportunitiesItemHead .opportunitiesHeadInfo .row li:last-child{margin-right:0;}
.opportunitiesItemHead .opportunitiesHeadInfo .row li img{position:absolute;left:0;top:-1px;}
.opportunitiesItemHead .opportunitiesHeadInfo .innerOppData{display: flex;}
.opportunitiesItemHead .hybridFrequency{
    display: flex;align-items: flex-start;color: var(--primary-navy);gap: 8px;
    width: fit-content;font-size: 12px;font-weight: 500;line-height: 14.63px;text-align: left;margin-top: 16px;
}
.opportunitiesItemHead .hybridFrequency > span{display: flex;align-items: center;gap: 4px;color: inherit;flex-wrap: wrap;min-height: 16px;}
.opportunitiesItemHead .hybridFrequency svg *{stroke: var(--primary-navy);stroke-width: 1.5px;}

.opportunitiesItemHead .outerOppData{display: none;}
.opportunitiesItemHead .opportunitiesHeadAction{align-items:center;display:flex;}
.allViewedSearch{
    display: flex;gap: 8px;align-items: center;margin: 24px 0 34px 0;
    font-size: 12px;font-weight: 400;line-height: 1;
    svg{
        width: 16px;height: 16px;
    }
}
.loosenJobsSection{
    position: relative;
    background: #f8f9f6;
    border-top: 1px solid #dddfe3;
    padding: 24px 16px;
    margin-inline: -189px;
    padding-inline: 189px;
   .opportunitiesItem{
        background: var(--white);
        border-color: #dddfe3;
    }
   /* &::after{
    content: "";
    width: calc(100% + 160px);
    position: absolute;
    top: 0;
    left: -80px;
    background: #f8f9f6;
   } */
}
.loosenLabel {
    cursor: pointer;
    border-radius: 8px;
    margin-bottom: 32px;
    color: var(--text-gray);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    strong{
        color: var(--primary-black);
        font-size: 14px;
        font-weight: 600;
    }
}
@media screen and (max-width:480px) {
    .loosenLabel {
        font-size: 14px;
    }
}
.notInterested {
    position: relative;

    .reasonsPopover {
        position: absolute;
        top: calc(100% + 0.25rem);
        right: 0;
        width: 16.5625rem;
        background: var(--white);
        box-shadow: 1px 0px 6px 0px var(--rgb-dark-gray-12);
        border-radius: 12px;
        z-index: 10;

        .colorfullbg {
            position: relative;
            padding: 1px;

            &::before {
                position: absolute;
                top: 0;
                left: 0;
                content: '';
                width: 100%;
                height: 100%;
                z-index: -1;
                border-radius: 12px;
                background: linear-gradient(99.92deg, #9AA4F4 0%, rgba(171, 184, 193, 0.34) 93.25%)
            }

            .reasons {
                padding: 1rem;
                border-radius: 12px;
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
                background: var(--white);
                position: relative;

                .head {
                    display: block;
                    position: relative;

                    .iconBtn {
                        border: none;
                        background: transparent;
                        position: absolute;
                        top: -0.125rem;
                        right: 0;
                        transform: rotate(-180deg);

                        svg {
                            width: 1.25rem;
                            height: 1.25rem;

                            path {
                                stroke: var(--text-gray);
                            }
                        }
                    }

                    h6 {
                        font-weight: 600;
                        font-size: 0.875rem;
                        line-height: 1.0625rem;
                        margin-bottom: 0.25rem;
                    }

                    span {
                        font-weight: 400;
                        font-size: 0.75rem;
                        line-height: 1rem;
                        color: var(--text-gray);
                    }
                }

                .reasonList li {
                    padding: 0.75rem 0;
                    border-bottom: 1px solid var(--rgb-gray-20);

                    .checkboxInput {
                        font-weight: 500;
                        line-height: 1rem;
                        min-height: 1rem;

                        .checkbox,
                        .checkmark {
                            width: 1rem;
                            height: 1rem;
                        }
                    }
                }

                .reasonList li:first-child {
                    padding-top: 0;
                }

                .reasonList li:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                }

                .bottom {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 0.5rem;

                    .primaryBtn {
                        font-size: 0.875rem;
                        line-height: 1.0625rem;
                        display: flex;
                        width: 100%;
                        justify-content: center;
                    }

                    span {
                        font-weight: 400;
                        font-size: 0.6875rem;
                        line-height: 1;
                        text-align: center;
                        color: var(--text-gray);
                    }
                }
            }
        }
    }
}

.notInterested .ghostBtn {
    font-size: 0.75rem;
    text-decoration: underline;
    transition: all 0.36s ease;
    white-space: nowrap;

    svg * {
        transition: all 0.36s ease;
    }
}
.notInterested .ghostBtn.outline {
    border: 1px solid var(--primary-black);
    padding: 0.625rem;
    border-radius: 20px;
    svg{
        width: 0.625rem;
        height: 0.625rem;
    }
}

.notInterested .ghostBtn.blue {
    color: var(--RA-primary-cta);
    border-color: var(--RA-primary-cta);

    svg path {
        fill: var(--RA-primary-cta)
    }
}

.notInterested .ghostBtn:hover {
    color: var(--RA-primary-cta);

    svg path {
        fill: var(--RA-primary-cta)
    }
}
.notInterested .undo {
    padding: 0.25rem 0.5rem;
    background: #E5E4E2;
    border-radius: 4px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    color: var(--text-gray);
    position: relative;
    .ghostBtn{
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 1.0625rem;
    }
    .timer{
        position: absolute;
        top: -1rem;
        right: 0.375rem;
        background: #ff4400;
        color: var(--white);
        font-size: 0.625rem;
        line-height: 1.2;
        padding: 0.125rem 0.25rem;
        border-radius: 4px 4px 0 0;
        min-width: 6.5625rem;
        display: flex;
        justify-content: flex-end;
    }
}

.notIterestedMsg {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1;

    strong {
        font-weight: 500;
    }
}
.notInterstedMsgAction {
    border: #FEC073 1px solid;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 2rem;
    strong {
        font-weight: 600;
    }
    .ghostBtn{
        display: inline-flex;
        margin-left: 0.5rem;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25rem;
    }
}


@media screen and (max-width:480px) {
    .notInterested .undo {
        font-size: 12px;
        .ghostBtn{
            font-size: 12px;
            line-height: 1;
        }
    }
}
.opportunitiesItemHead .opportunitiesHeadAction.allOppAction{flex-wrap: wrap-reverse;justify-content: flex-end;flex:1;gap: 8px 16px;}

.opportunitiesItemHead .oppAttributes li{position:relative;font-weight:500;font-size:14px;line-height:16px;color:var(--secondary-black);padding-left:20px;}
.opportunitiesItemHead .oppAttributes li:last-child{margin-right:0;}
.opportunitiesItemHead .oppAttributes li img{position:absolute;left:0;top:-1px;}
.opportunitiesItemHead .oppAttributes{padding-top: 16px;}
.opportunitiesItemHead .oppAttributes ul{width: 100%;display: flex;gap: 16px;margin: 0;padding: 0;list-style-type: none;flex-wrap: wrap;}
.opportunitiesItemHead .oppAttributes ul li{width: calc(33% - 16px);}
.opportunitiesItemHead .oppAttributes ul li .dpInfoTag .dpInfoTagHover{text-align: center;}

@media(max-width:1359px){
    .opportunitiesItemHead .oppAttributes ul li{width: calc(50% - 16px);}
}
@media(max-width:991px){
    .featuredOpps .opportunitiesItemHead .oppAttributes ul li{font-size: 12px;}
}
@media(max-width:767px){
    .opportunitiesItemHead .oppAttributes ul li{width: calc(50% - 16px);margin: 0 !important;}
}
@media screen and (max-width:670px){
    .opportunitiesItemHead .oppAttributes ul li{font-size: 12px;line-height: 15px;}
}
@media(max-width:575px){
    .opportunitiesItemHead .oppAttributes ul{column-gap:8px;}
    .opportunitiesItemHead .oppAttributes ul li{font-weight:500;font-size:10px;line-height:12px;width: calc(50% - 8px);}
    .featuredOpps .opportunitiesItemHead .oppAttributes ul li{font-size: 10px;}
}

.dpInfoTag img{position:relative !important;left:unset !important;top:unset !important;height: 1rem;width: 1rem;}
.dpInfoTag{padding:0 4px;display:inline-block;vertical-align:middle;cursor:default;position:relative;}
.dpInfoTag .dpInfoTagHover{display:inline-block;width:auto;position:absolute;text-align:left;color:var(--white);font-size:0.75rem;line-height:1rem;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:0.875rem;padding:0.75rem 1rem;z-index:1;right:0;-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:nowrap;}
.dpInfoTag:hover .dpInfoTagHover{opacity:1;visibility:visible;}
.dpInfoTag .dpInfoTagHover:before{content:'';width:0.5625rem;height:0.4375rem;display:inline-block;position:absolute;top:-0.375rem;right:2rem;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}
@media(max-width:575px) {
    .dpInfoTag .dpInfoTagHover{max-width: 70vw;z-index:1;}
    .dpInfoTag:hover .dpInfoTagHover{opacity:1;visibility:visible;}
}

.dpInfoTag.location .dpInfoTagHover{
    top:100%;left: -96px;
    white-space: normal;
    width: 290px;
    text-align: left !important;
}
.dpInfoTag.location .dpInfoTagHover:before{top:-6px;left: 80px;right: unset;}

.opportunitiesHeadAction .oppHeadActionTag{margin-right:16px;padding:4px 8px;font-weight:500;font-size:12px;line-height:16px;color:#B76038;background:#FFE8CC;border-radius:4px;display:inline-block;vertical-align:middle;cursor:default;position:relative;}
.opportunitiesHeadAction .oppHeadActionTag:last-child{margin-right:0;margin-left: 8px;}
.opportunitiesHeadAction .oppHeadActionTag:first-child{margin-left: 0px;}
.oppHeadActionTag .oppHeadActionTagHover{display:inline-block;width:190px;position:absolute;white-space: break-spaces;text-align:center;color:var(--white);font-size:12px;line-height:16px;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:14px;padding:8px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.oppHeadActionTag .oppHeadActionTagHover br{display:none;}
.oppHeadActionTag:hover .oppHeadActionTagHover{opacity:1;visibility:visible;}
.oppHeadActionTag .oppHeadActionTagHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;left:0;right:0;margin:auto;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}
.opportunitiesHeadAction .oppHeadActionTag.oppInfoTag{background:#F4DFE9;color:#F52887;}
.opportunitiesHeadAction .oppHeadActionTag.oppPrimaryTag{background:#D5D5FE;color:#1313AC;}
.opportunitiesHeadAction .oppHeadActionTag.oppSuccessTag{background:#DEEBD5;color:#346F0F;}
.opportunitiesHeadAction .oppHeadActionTag.oppLightTag{background:#DFEBEB;color:#033E3E;}
.opportunitiesHeadAction .oppHeadActionTag.oppDangerTag{background:#FEDADA;color:#C80000;}
.opportunitiesHeadAction .oppHeadActionTag.unqualifiedTag{background:#F9E9E9;color:#981212;}
.opportunitiesHeadAction .oppHeadActionTag.oppSecondaryTag{background:#EAD9C8;color:#CD7F32;}
.opportunitiesHeadAction .oppHeadActionTag.oppSlotTag{background:#FFE3C2;color:#D6780A;}
.opportunitiesHeadAction .oppHeadActionTag.onHoldTag{background: var(--light-gray);color:var(--text-gray);}
.opportunitiesHeadAction .oppHeadActionTag.oppPipelineTag{background:#AFDBFB;color:#144454;}
.opportunitiesHeadAction .oppHeadActionTag.oppCancelledTag{background:#DBDBDB;color:var(--text-gray);}
.opportunitiesHeadAction .oppHeadActionTag.oppHiredTag{background:#C1F4C6;color:var(--successGreen);}
.opportunitiesHeadAction .oppHeadActionTag.oppRejectedTag{background:#FBC4C4;color:var(--errorRed);}
.opportunitiesHeadAction .oppHeadActionTag.oppUnderReview{background:#FFE0CE;color:#FF6B00;}
.opportunitiesHeadAction .oppHeadActionTag.applicationClosed{background: var(--white);color: var(--secondary-black);z-index: 1;}

.opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn,.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn{margin-top:-4px;}
.opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn,.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn{position:relative;border:1px solid var(--text-gray);padding:0;border-radius:50px;height:32px;width:32px;min-width:32px;background:transparent;align-items:center;justify-content:center;display:inline-flex;cursor:pointer;box-shadow:none;}
.opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn:hover,.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn:hover{color:var(--secondary-black);background:var(--brandYellow);border-color:var(--brandYellow);}
.opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn .hoverText,.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn .hoverText{display:inline-block;position:absolute;white-space:nowrap;color:var(--text-gray);font-size:12px;line-height:16px;font-weight:500;background:var(--bg-light-gray-E9);border-radius:8px;top:100%;margin-top:4px;padding:8px 15px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn:hover .hoverText,.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn:hover .hoverText{opacity:1;visibility:visible;}
.opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn .hoverText br,.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn .hoverText br{display:inline;}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn,.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn{margin-left:16px;font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:30px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn:hover,.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn:hover{background:var(--secondary-black);color:var(--white);}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn:first-child{margin-left:0;}
.opportunitiesItemBody .opportunitiesTestWrap{margin-bottom:12px;font-weight:400;font-size:14px;line-height:17px;color:var(--text-gray);}
.opportunitiesItemBody .opportunitiesTestWrap .redStatus{color:var(--failureRed);}
.opportunitiesTestWrap hr{border:none;border-top:1px solid var(--bg-secondary);margin:16px 0;}
.opportunitiesItemBody .opportunitiesTestWrap p{margin:0;font-size:inherit;line-height:inherit;}
.opportunitiesItemBody .opportunitiesTestWrap ul{margin:16px -9px 0;flex-wrap:wrap;display:flex;}
.opportunitiesItemBody .opportunitiesTestWrap ul li{width:20%;margin-bottom:40px;padding:0 8px;}
.opportunitiesItemBody .opportunitiesTestWrap ul .aow-2{display: flex;width: 40%;}
.opportunitiesItemBody .opportunitiesTestWrap ul .aow-2 li{width:50%;}
.containSection .endMessageInfo{
    width: 100%; display: flex; align-items: center; justify-content: center;font-size: 0.75rem;line-height: 0.9375rem;
    font-weight: 500;color:var(--text-gray);padding-top: 1.5rem;
}
.containSection.appliedJobs{
    max-width: 1280px;
    margin-inline: auto;
}


/* New Opp assessment */

.testBox.publicCard{flex-wrap: wrap;}
.testBox.publicCard .card-div{display: flex;align-items: center;gap: 0.5rem;}
.opportunitiesItemBody .opportunitiesTestWrap.oppAssessmentNew{padding: 16px;border: 1px solid var(--bg-secondary);border-radius: 8px;margin-bottom: 24px;}
.opportunitiesItemBody .opportunitiesTestWrap ul.oppTestList{padding-bottom: 8px;display: flex;flex-direction: column;gap: 16px;color: var(--secondary-black);margin: 16px 0 0;}
.opportunitiesItemBody .opportunitiesTestWrap ul.oppTestList li{width: 100%;margin: 0;padding: 0;padding-top: 16px;border-top: 1px solid var(--bg-secondary);}
.opportunitiesItemBody .opportunitiesTestWrap ul.oppTestList li:first-child{padding: 0;border: none;}
ul.oppTestList .testBox{display: flex;align-items: center;gap: 16px;}
ul.oppTestList .testBox .left{display: flex;align-items: center;gap: 8px;}
ul.oppTestList .testBox .imgDiv img{height: 32px;width: 32px;object-fit: contain;vertical-align: center;min-height: 32px;min-width: 32px;}
ul.oppTestList .testBox .left .boxInfoBtn{position: relative;top: unset;right: unset;margin-left: 8px;}
ul.oppTestList .testBox .left .testName{font-size: 14px;font-weight: 500;line-height: 17px;}
ul.oppTestList .testBox .left .testScoreInfo{font-size: 14px;font-weight: 400;line-height: 17px;color: var(--gray-A6);}
ul.oppTestList .testBox .primaryBtn{font-size: 14px;font-weight: 600;line-height: 17px;}
ul.oppTestList .testBox .right{display: flex;align-items: center;gap: 16px;justify-content: space-between;flex: 1;}
ul.oppTestList .testBox .right .test-expiryMsg{color: var(--failureRed);font-weight: 500;}
ul.oppTestList .testBox .right .text-orange{font-weight: 600;font-size: 12px;}

ul.oppTestList .testBox.result{flex-wrap: nowrap;}
ul.oppTestList .testBox.result .left{flex-direction: column;gap: 4px;align-items: flex-start;opacity: 0.64;}
ul.oppTestList .testBox.result .left .testDetails{display: flex;align-items: center;gap: 8px;white-space:nowrap;}
ul.oppTestList .testBox.result .left .assessmentDate{font-size: 14px;font-weight: 400;line-height: 17px;color: var(--gray-A6);}
ul.oppTestList .testBox.result .left .successBrownTest{color: var(--text-brown,#A75E09);z-index: 2;font-size: 10px;font-weight: 500;line-height: 12px;margin-left: 32px;}
ul.oppTestList .testBox .testResult{display: flex;align-items: center;gap: 16px;}
.testBox .testResult .successScore {padding: 12px 16px;background: rgba(50, 147, 111, 0.10);border-radius: 28px;font-size: 12px;font-weight: 400;
    color: var(--successGreen);z-index: 2;white-space: nowrap;}


.testBox .testResult .successScore.successBrown{color: #A75E09;background-color: rgb(167, 94, 9, 0.10);}

.testBox .testResult .failedScore{display: flex;align-items: center;gap: 4px;flex-wrap: wrap;justify-content: end;}
.testBox .testResult .failedScore.badge{padding: 8px;border-radius: 4px;background: rgba(255, 218, 48,0.65);color: var(--primary-dark);font-size: 12px;}
.testBox .testResult .failedScore span{color: var(--errorRed);font-size: 12px;font-weight: 400;line-height: 14.63px;}
.testBox .testResult .failedScore span.bold{font-weight: 500;}
.testBox .testResult .boxInfoBtn{position: relative;top: unset;right: unset;}
ul.oppTestList .testBox .testResult .text-orange{font-weight: 600;font-size: 12px;}

@media(max-width:900px){
    ul.oppTestList .testBox .right{flex-wrap: wrap;
}

}
@media(max-width:767px){
    ul.oppTestList .testBox.result{flex-wrap: wrap;}
    ul.oppTestList .testBox .testResult{justify-content: space-between;width: 100%;}
    ul.oppTestList .testBox .testResult .failedScore{justify-content: start;}
    ul.oppTestList .testBox .left{flex-wrap: wrap;}
}



/* New Opp Assessment END */

.opportunitiesItemBody .opportunitiesTestWrap .oppTestMsg{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;
    border-bottom: 1px solid var(--bg-secondary);padding-bottom: 16px;}
.opportunitiesItemBody .opportunitiesTestWrap .oppTestMsg > p{flex: 1;color: var(--secondary-black);font-size: 14px;font-weight: 500;line-height: 17px;
    padding-bottom: 16px;border-bottom: 1px solid var(--bg-secondary);}
.opportunitiesItemBody .opportunitiesTestWrap .oppTestMsg .aboutVideoPrompt{display: flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 500;line-height: 15px;
cursor: pointer;}
@media (max-width:767px){
    .opportunitiesItemBody .opportunitiesTestWrap .oppTestMsg{flex-direction: column;align-items: flex-start;padding-bottom: 0;border-bottom: none;gap: 0;}
    .opportunitiesItemBody .opportunitiesTestWrap .oppTestMsg .aboutVideoPrompt{display: none;}
}
.opportunitiesTestItem{position:relative;display: flex;width: 100%;}
.opportunitiesTestItem .opportunitiesTestBox{min-height:140px;width: 100%;padding:24px 16px 16px;background:var(--white);border:1px solid var(--text-field-outline-2);border-radius:8px;font-weight:500;font-size:12px;line-height:17px;text-align:center;color:var(--secondary-black);position:relative;align-items: center;flex-direction: column;display: flex;gap: 8px;}
.opportunitiesTestItem .opportunitiesTestBox .imgDiv{position: relative;}
.opportunitiesTestItem .opportunitiesTestBox .imgDiv .levelLabel{padding: 0 6px;background: #ffe3c2;border: 1px solid #ffe3c2;display: flex;
    align-items: center;font-size: 10px;font-weight: 500;color: var(--secondary-black);border-radius: 12px;position: absolute;top: -5px;right: calc(100% - 16px);
    white-space: nowrap;height: 16px;line-height: 12px;}
.opportunitiesTestItem .opportunitiesTestBox img{width:84px;height:84px;object-fit: contain;}
.opportunitiesTestItem .opportunitiesTestBox h6.testName{font-size: 14px;font-weight: 500;line-height: 17px;}
.opportunitiesTestBox .oppoIconInfoBox{position:relative;flex-direction:column;display:inline-flex;}

.opportunitiesTestItem .oppTestHover{border: 1px solid#EDEDED;}
.opportunitiesTestItem .oppTestHover span,.opportunitiesTestItem .oppTestHover div{opacity: 0.64;}
.oppoIconInfoBox .oppoBoxIcon{display:block;}
.oppoIconInfoBox .oppoBoxIcon img{max-width:24px;max-height:24px;vertical-align:middle;margin:0;}
.opportunitiesTestItem .assessmentBottomAction{position: absolute; bottom: -26px;display: flex;justify-content: center; align-items: center;
    width: 100%;opacity: 1 !important;}
.opportunitiesTestItem .assessmentBottomAction.locked{opacity:0.64;pointer-events: none;}
.opportunitiesTestItem .assessmentBottomAction.screeningSchedule{bottom: unset;top:100%;}
.oppoIconInfoBox h3{font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);text-align:center;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.opportunitiesTestItem h4{font-weight:600;font-size:14px;line-height:18px;color:var(--secondary-black);margin:8px 0 0;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesTestItem h4{color:var(--secondary-black);text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;cursor:pointer;}
.opportunitiesTestItem h4.inActive{color: rgba(35, 35, 35, 0.2);}
.opportunitiesTestItem h4:hover{text-decoration:none;}
.opportunitiesTestItem h4.failedText{font-size: 12px;color: var(--failureRed);text-decoration: none;cursor: default;pointer-events: none;}
.opportunitiesTestItem h4.underReviewText{font-size: 12px;color: var(--text-orange);text-decoration: none;cursor: default;pointer-events: none;}

.opportunitiesTestBox .testScoreInfo{font-weight:400;color:var(--text-gray);font-size:12px;line-height:15px;text-align:center;display:block;width:100%;}
.opportunitiesTestBox .successTest{color:var(--successGreen);font-weight:500;}
.opportunitiesTestBox .successBrownTest{color:#A75E09;font-weight:500;}
.opportunitiesTestBox .warningTest{color:var(--text-orange);font-weight:500;}
.opportunitiesTestBox .againTest{color:var(--failureRed);font-weight:500;}

.opportunitiesTestBox .notCleared{font-size:10px;line-height:12px;height:12px;font-weight:500;color:rgba(107,107,107,0.6);width:auto;}
.opportunitiesTestBox .testScoreInfo.underReview{font-size:12px;line-height:14.63px;height:14.63px;font-weight:400;color:var(--text-gray);width:auto;opacity: 1;}
.opportunitiesTestBox .notCleared.error{color: var(--failureRed);bottom: 16px;}
.opportunitiesTestBox .notCleared.successBrownTest{color:#A75E09;font-weight:500;opacity: 1;}

.opportunitiesTestItem h4 a{color:inherit;text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;cursor:pointer;}
.opportunitiesTestItem h4 a:hover{text-decoration:none;}
.opportunitiesTestItem h4 img{margin-right:8px;}

/* .opportunitiesTestItem .oppTestHover:before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border-radius:8px;background:rgba(255, 255, 255,0.64);z-index:1;} */
.opportunitiesTestItem.textCompleted h4{color:var(--successGreen);text-decoration:underline;}
.opportunitiesTestItem.textCompleted h4:hover{text-decoration:none;}
.opportunitiesTestItem .opportunitiesTestBox .opportunitiesTestInfo{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:16px;background:var(--brandYellow);z-index:1;border-radius:8px;font-weight:500;font-size:14px;line-height:20px;color:var(--secondary-black);opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;align-items:center;justify-content:center;flex-direction:column;display:flex;}
.opportunitiesTestItem .opportunitiesTestBox .opportunitiesTestInfo a{font-weight:600;text-decoration:underline;color:var(--secondary-black);margin:16px 0 0;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesTestItem .opportunitiesTestBox .opportunitiesTestInfo a:hover{text-decoration:none;}
.opportunitiesTestItem:hover .oppTestHover .opportunitiesTestInfo{opacity:1;visibility:visible;}
.opportunitiesItem .opportunitiesJobNote,.opportunitiesTestWrap .opportunitiesJobNote{border:1px solid var(--bg-secondary);border-radius:8px;font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);margin:0 0 24px;padding:16px;}
.opportunitiesItem .opportunitiesJobNote a,.opportunitiesTestWrap .opportunitiesJobNote a{color:inherit;font-weight:500;text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesItem .opportunitiesJobNote a:hover,.opportunitiesTestWrap .opportunitiesJobNote a:hover{text-decoration:none;}

.opportunitiesJobNote{border:1px solid var(--bg-secondary);border-radius:8px;font-weight:500;font-size:0.875rem;line-height:1.0625rem;color:var(--secondary-black);margin:0 0 1.5rem;padding:1rem;}
.opportunitiesJobNote a{color:inherit;font-weight:500;text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesJobNote a:hover{text-decoration:none;}
.opportunitiesJobNote{margin:0 0 1.25rem;padding:0.625rem 0.875rem;}
.opportunitiesJobNote.successNote{border-color:#DBF3CC;background-color:#DBF3CC;}
.opportunitiesJobNote.warningNote{border-color:#FCEEDE;background-color:#FCEEDE;}
.opportunitiesJobNote.primaryNote{border-color:#DEE5FE;background-color:#DEE5FE}
.opportunitiesJobNote.infoNote{border-color:#F4DFE9;background-color: #F4DFE9;}
.opportunitiesJobNote.lightNote{border-color:#DFEBEB;background-color:#DFEBEB}
.opportunitiesJobNote.unqualifiedNote{border-color:#981212;background-color:#F9E9E9;}
/* .opportunitiesJobNote.slotNote{border-color:#D6780A;background-color:#FFE3C2} */
.opportunitiesJobNote.slotNote{border-color:#DFEBEB;background-color:#DFEBEB}
.opportunitiesJobNote.onHoldNote{border-color:#FFE3C2;background-color:#FFE3C2}
.opportunitiesItem .talentDeployedNote{border-color:#FCDBC4;background-color:#FCDBC4}
.opportunitiesJobNote.talentDeployedNote{border-color:#FCDBC4;background-color:#FCDBC4}
.opportunitiesJobNote.hiredNote{border-color: #E1FFCE;background-color:#E1FFCE}
.opportunitiesJobNote.deployedNote{border-color: #C1F4C6;background-color:#C1F4C6}
.opportunitiesJobNote.applicationClosed{border-color: var(--bg-secondary);background-color:var(--bg-secondary);color: var(--text-gray);}

/* .opportunitiesItem .dangerNote{border-color:var(--failureRed);}
.opportunitiesItem .successNote{border-color:#81C457;}
.opportunitiesItem .warningNote{border-color:#FFDA30;}
.opportunitiesItem .primaryNote{border-color:#002DCB;}
.opportunitiesItem .infoNote{border-color:#F52887;}
.opportunitiesItem .lightNote{border-color:#033E3E;}
.opportunitiesItem .unqualifiedNote{border-color:#981212;}
.opportunitiesItem .slotNote{border-color:#D6780A;}
.opportunitiesItem .onHoldNote{border-color:#f0f0f0;} */

.opportunitiesItem .pipelineNote{outline: 1px solid #AFDBFB;border-radius: 8px;margin-bottom: 32px;}
.opportunitiesItem .pipelineNote.deployedNote{outline: 1px solid #C1F4C6;}
.opportunitiesItem .pipelineNote .head{font-weight: 600;font-size: 14px;line-height: 20px;color: var(--secondary-black);padding: 16px;background: #AFDBFB;border-radius: 8px;}
.opportunitiesItem .pipelineNote.deployedNote .head{background:#C1F4C6}
.opportunitiesItem .pipelineNote .content{padding: 16px;color: var(--text-gray);font-weight: 500;font-size: 14px;line-height: 20px;margin-bottom: 0;}
.opportunitiesItem .pipelineNote .content p{font-weight: 500;font-size: 14px;line-height: 20px;margin-bottom: 0;}
@media (max-width: 991px) {.opportunitiesItem .pipelineNote .content br {display: block;}}

.opportunitiesItemBody .pipelineNote{outline: 1px solid #AFDBFB;border-radius: 8px;margin-bottom: 32px;}
.opportunitiesItemBody .pipelineNote .head{font-weight: 600;font-size: 14px;line-height: 20px;color: var(--secondary-black);padding: 16px;background: #AFDBFB;border-radius: 8px;}
.opportunitiesItemBody .pipelineNote .content{padding: 16px;color: var(--text-gray);font-weight: 500;font-size: 14px;line-height: 20px;margin-bottom: 0;}
.opportunitiesItemBody .pipelineNote .content p{font-weight: 500;font-size: 14px;line-height: 20px;margin-bottom: 0;}
@media (max-width: 991px) {.opportunitiesItemBody .pipelineNote .content br {display: block;}}

.opportunitiesItem .dangerNote{border-color:#F8CBCB;background-color:#F8CBCB}
.opportunitiesItem .rejectNote{outline: 1px solid #F8CBCB;border-radius: 8px;margin-bottom: 32px;}
.opportunitiesItem .rejectNote .head{font-weight: 600;font-size: 14px;line-height: 20px;color: var(--secondary-black);padding: 16px;background: #F8CBCB;border-radius: 8px;}
.opportunitiesItem .rejectNote .content{padding: 16px 16px 1px;}
.opportunitiesItem .rejectNote .content a{text-decoration: underline;font-weight: 500;line-height: 20px;font-style: italic;color:var(--secondary-black)}
.opportunitiesItem .rejectNote .content p{font-weight: 500;font-size: 14px;line-height: 20px;color: var(--text-gray);margin-bottom: 16px;}
.opportunitiesItem .rejectNote .content a:hover{text-decoration: unset;}
@media (max-width: 991px) {.opportunitiesItem .rejectNote .content br {display: block;}}

.opportunitiesItemBody .rejectNote{outline: 1px solid #F8CBCB;border-radius: 8px;margin-bottom: 32px;}
.opportunitiesItemBody .rejectNote .head{font-weight: 600;font-size: 14px;line-height: 20px;color: var(--secondary-black);padding: 16px;background: #F8CBCB;border-radius: 8px;}
.opportunitiesItemBody .rejectNote .content{padding: 16px 16px 1px;}
.opportunitiesItemBody .rejectNote .content a{text-decoration: underline;font-weight: 500;line-height: 20px;font-style: italic;color:var(--secondary-black)}
.opportunitiesItemBody .rejectNote .content p{font-weight: 500;font-size: 14px;line-height: 20px;color: var(--text-gray);margin-bottom: 16px;}
.opportunitiesItemBody .rejectNote .content a:hover{text-decoration: unset;}
@media (max-width: 991px) {.opportunitiesItemBody .rejectNote .content br {display: block;}}

.opportunitiesItem .successNote{border-color:#DBF3CC;background-color:#DBF3CC;}
.opportunitiesItem .warningNote{border-color:#FCEEDE;background-color:#FCEEDE;}
.opportunitiesItem .primaryNote{border-color:#DEE5FE;background-color:#DEE5FE}
.opportunitiesItem .infoNote{border-color:#F4DFE9;background-color: #F4DFE9;}
.opportunitiesItem .lightNote{border-color:#DFEBEB;background-color:#DFEBEB}
.opportunitiesItem .unqualifiedNote{border-color:#981212;background-color:#F9E9E9;}
/* .opportunitiesItem .slotNote{border-color:#D6780A;background-color:#FFE3C2} */
.opportunitiesItem .slotNote{border-color:#DFEBEB;background-color:#DFEBEB}
.opportunitiesItem .onHoldNote{border-color:#DFEBEB;background-color:#DFEBEB}

.opportunitiesItem .secondaryNote{border-color:var(--text-field-outline-2);background-color:var(--text-field-outline-2);}
.opportunitiesItem .secondaryNote.cancelled{border-color:#e4e4e4;background-color:#e4e4e4;}
.opportunitiesItemBody .secondaryNote.cancelled{border-color:#e4e4e4;background-color:#e4e4e4;}

.opportunitiesItemBody .opportunitiesSKillsDiv{
    align-items: flex-start;flex-direction: column;display: flex;gap: 1rem;background: var(--bg-secondary);font-size: 0.875rem;
    padding: 1.5rem;border-radius: 8px;margin-bottom: 1rem;border: 1px solid rgba(245, 245, 245, 1);

}
.opportunitiesItemBody .opportunitiesSKillsDiv label{font-size: 0.75rem;font-weight: 600;line-height: 0.9375rem;color: var(--rgb-dark-gray-100);margin-bottom: 0.5rem;}
.opportunitiesItemBody .opportunitiesSKillsDiv .must_have{font-size: 0.875rem;font-weight: 500;line-height: 1.25rem;}
/* .opportunitiesItemBody .opportunitiesSKillsDiv .must_have{gap: 8px;flex-wrap: wrap;display: flex;}
.opportunitiesItemBody .opportunitiesSKillsDiv .must_have span{
    background: var(--primary-black);padding: 6px 14px;border-radius: 8px;font-size: 12px;font-weight: 500;line-height: 15px;color: #fff;
} */
.opportunitiesItemBody .opportunitiesSKillsDiv .good_to_have{
    padding-top: 1rem;border-top: 1px solid var(--text-field-outline-2);font-size: 0.875rem;font-weight: 400;line-height: 1.25rem;
}
.opportunitiesItemBody .opportunitiesSKillsDiv:has(.skill_boolean){
    background: #fffffe;
}
.opportunitiesItemBody .opportunitiesSKillsDiv .skill_boolean{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 1;
    font-weight: 500;

    strong{
        color: #231F20;
        font-weight: 600;
    }
    .skill_varients{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 15px;
        gap: 4px;
        background: #FFF8D6;
        border: none;
        font-weight: 500;
        padding: 4px 8px;
        border-radius: 6px;
        text-align: center;
        color: #231F20;
    }
}

.mathcerDiv {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--text-field-outline);
    border-radius: 8px;
    padding: 1rem 1rem 0;

    h5{
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .matcherList {

        .matcherCard {
            display: flex;
            flex-direction: column;
            border-top: 1px solid var(--light-gray);
            box-sizing: border-box;

            .content {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 1rem 0;

                h5 {
                    font-size: 0.75rem;
                    font-weight: 600;
                    line-height: 0.8875rem;
                    color: var(--secondary-black);
                    margin-bottom: 0.5rem;
                }

                h6 {
                    font-size: 0.75rem;
                    font-weight: 500;
                    line-height: 0.8875rem;
                    color: var(--secondary-black);
                }

                img.profilePic {
                    width: 2.5rem;
                    height: 2.5rem;
                    -o-object-fit: contain;
                    object-fit: contain;
                    margin-right: 0.75rem;
                    border-radius: 20px;
                }
                .nameIntials{
                    width: 2.5rem;height: 2.5rem;margin-right: 0.75rem;border-radius: 1.75rem;font-size: 1.5rem;font-weight: 600;line-height: 1.82875rem;color: var(--bg-light-gray);
                    background: linear-gradient(147.06deg, rgba(107, 120, 25, 1) -188.84%, rgba(85, 52, 105, 0) 208.93%);background-blend-mode: color-burn;
                    align-items: center;justify-content: center;display: flex;
                }

                .iconBtn{
                    width: 2.5rem;
                    height: 2.5rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 20px;
                    outline: 1px solid var(--text-field-outline-2);
                    border: none;
                    background: transparent;
                    transition: background 0.3s ease-in-out;

                    &:hover{
                        background: var(--bg-light-yellow);
                    }
                    svg{
                        width: 1.25rem;
                        height: 1.25rem;
                    }
                }
            }

            .matcherBottom {
                display: flex;
                align-items: center;
                gap: 1rem;
                padding: 0.25rem 0 0;
                justify-content: space-between;
                flex-wrap: wrap;

                .sendEmail {
                    font-size: 0.75rem;
                    font-weight: 400;
                    line-height: 0.9375rem;
                    color: var(--text-gray);

                    .mailIcon {
                        width: 1rem;
                        height: 1rem;
                        margin-right: 0.5rem;
                    }

                    a {
                        color: inherit;
                        text-transform: lowercase;
                    }
                }
                button.icon-btn{background-color: transparent;}
                button.icon-btn svg{width:1rem;height: 1rem;}
            }
        }

        .matcherCard:first-child {
            border-top: none;
        }
    }
}

.opportunitiesItemBody .opportunitiesTopSkills{justify-content:space-between;align-items:flex-end;display:flex;gap: 16px;}
.opportunitiesItemBody .opportunitiesTopSkills a{align-self: flex-end;}
.opportunitiesItemBody .opportunitiesTopSkills .primaryBtn{display: flex;align-items: center;gap: 8px;font-size: 14px;line-height: 20px;white-space: nowrap;}
.opportunitiesItemBody .opportunitiesTopSkills .primaryBtn svg{width: 20px;height: 20px;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsList{text-align:left;}
.opportunitiesItemBody .opportunitiesTopSkills label{display:block;font-weight:600;font-size:12px;line-height:16px;color:var(--text-gray);margin-bottom:8px;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsTags{gap:8px;flex-wrap:wrap;display:flex;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsTags span{margin:0;padding:6px 14px;background:var(--bg-light-yellow);border-radius:8px;font-weight:500;font-size:12px;line-height:15px;text-align:center;color:var(--secondary-black);cursor:default;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsTags span:last-child{margin-right:0;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsTags.topSkillsGrayTags span{background:var(--rgb-gray-20);}
.opportunitiesItem.isClosed .oppTopSkillsTags span{background:var(--rgb-gray-20);color: var(--text-gray);}
.opportunitiesItemBody .opportunitiesTopSkills .viewMoreDetails,.oppItemDesLessBtn .viewMoreDetails,.onboardingDesLessBtn .btn,.allAssessmentsHeader .viewMoreDetails{font-weight:700;font-size:14px;line-height:18px;text-transform:capitalize;color:var(--secondary-black);background:transparent;white-space:nowrap;padding:0;border-radius:0;border:none;box-shadow:none;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;align-items:center;display:inline-flex;}
.opportunitiesItemBody .opportunitiesTopSkills .viewMoreDetails span,.oppItemDesLessBtn .viewMoreDetails span,.onboardingDesLessBtn .btn span,.allAssessmentsHeader .viewMoreDetails span{background:rgba(245,245,245,0.5);width:32px;height:32px;border-radius:40px;margin-left:8px;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;align-items:center;justify-content:center;display:inline-flex;}
.opportunitiesItemBody .opportunitiesTopSkills .viewMoreDetails:hover,.oppItemDesLessBtn .viewMoreDetails:hover,.onboardingDesLessBtn .btn:hover,.allAssessmentsHeader .viewMoreDetails:hover{text-decoration:underline;}
.opportunitiesItemBody .opportunitiesTopSkills .viewMoreDetails:hover span,.oppItemDesLessBtn .viewMoreDetails:hover span,.onboardingDesLessBtn .btn:hover span,.allAssessmentsHeader .viewMoreDetails:hover span{color:var(--secondary-black);background:var(--brandYellow);}
.opportunitiesItemBody .opportunitiesItemFullDetails{padding-top:24px;word-break:break-word;flex-wrap:wrap;display:flex;}
.opportunitiesItemBody .opportunitiesItemFullDetails .oppResourcesNotFetch{width:100%;text-align:center;font-weight:400;font-size:12px;line-height:16px;color:var(--failureRed);margin:0 0 24px;}
.opportunitiesItemBody .opportunitiesItemFullDetails .oppResourcesNotFetch:last-child{margin-bottom:0;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes{flex:1;font-weight:400;font-size:14px;line-height:24px;color:var(--secondary-black);}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes *{color: var(--secondary-black) !important;white-space: normal !important;width: 100% !important;}
.opportunitiesItemFullDetails .opportunitiesItemRightDes{width:50%;min-width:50%;padding-left:56px;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes p{margin-bottom:24px;font-size:inherit;line-height:inherit;color:var(--text-gray) !important;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes h4{font-weight:400;font-size:14px;line-height:20px;color:var(--text-gray);margin:0 0 8px;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes ul{margin:0 0 24px;padding:0;list-style-type:none;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes ul li{position:relative;padding-left:24px !important;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes ul li p{font-size:inherit;margin-bottom: 0;}
/* .opportunitiesItemFullDetails .opportunitiesItemLeftDes ul li:before{content:'';position:absolute;top:10px;left:10px;background:#232323;width:4px;height:4px;border-radius:20px;} */
.opportunitiesItemFullDetails .opportunitiesItemLeftDes p:last-child,.opportunitiesItemFullDetails .opportunitiesItemLeftDes ul:last-child{margin-bottom:0;}
.opportunitiesItemRightDes .oppJobOverview{border:1px solid var(--bg-secondary);border-radius:8px;padding:24px;margin-bottom:16px;}
.opportunitiesItemRightDes .oppJobOverview ul{margin:0 -8px;flex-wrap:wrap;display:flex;row-gap:24px;}
.opportunitiesItemRightDes .oppJobOverview ul li{width:50%;padding:0 8px;margin-bottom:0;font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.opportunitiesItemRightDes .oppJobOverview ul li.about *{font-weight: 400 !important;font-size: 14px !important;line-height: 18px !important;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview ul li.about h4{font-weight: 500 !important;font-size: 12px !important;line-height: 15px !important;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview ul li.about h4 span{font-weight: 500 !important;}

.opportunitiesItemRightDes .oppJobOverview .about ul{row-gap: 4px;padding-left: 16px;margin: 8px 0;}
.opportunitiesItemRightDes .oppJobOverview .about ul li{width: 100%;padding: 0;list-style-type: disc;color:var(--primary-black)}
.opportunitiesItemRightDes .oppJobOverview ul li h4{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin:0 0 8px;}
.opportunitiesItemRightDes .oppJobOverview ul li a{font-weight:500;font-size:14px;line-height:18px;text-decoration:underline;color:#2867B2;display:inline-block;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesItemRightDes .oppJobOverview ul li a:hover{text-decoration:none;color:#2867B2}
.opportunitiesItemRightDes .oppJobOverview ul li a:hover svg{color:#2867B2}
.opportunitiesItemRightDes .oppJobOverview ul li p{margin-bottom:0;}
.opportunitiesItemRightDes .oppJobOverview .toDate{font-size:12px;line-height:15px;display:inline-block;margin:0 8px;}
.opportunitiesItemRightDes .oppJobOverview .oppJobOverviewWeblink{align-items:center;flex-wrap:wrap;display:flex;}
.opportunitiesItemRightDes .oppJobOverview .oppJobOverviewWeblink .jobInLink{margin-left:16px;line-height:14px;}
.opportunitiesItemRightDes .oppJobOverview .oppJobOverviewWeblink .jobInLink path{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
/* .opportunitiesItemRightDes .oppJobOverview .oppJobOverviewWeblink .jobInLink:hover path{fill:#232323;}
.opportunitiesItemRightDes .oppJobOverview .oppJobOverviewWeblink .jobInLink:hover svg path:first-child{fill:#FFDA30;} */
.opportunitiesItemRightDes .oppJobFeedback{background:var(--bg-secondary);border-radius:8px;margin-bottom:24px;padding:24px;font-weight:400;font-size:14px;line-height:24px;color:var(--secondary-black);}
.opportunitiesItemRightDes .oppJobFeedback h4{font-weight:400;font-size:14px;line-height:20px;color:var(--text-gray);margin:0 0 8px;}
.opportunitiesItemRightDes .oppJobFeedback p{margin-bottom:16px !important;font-size:inherit;line-height:inherit;color:inherit;}
.opportunitiesItemRightDes .oppJobFeedback p:last-child{margin-bottom:0 !important;}
.opportunitiesItemRightDes .oppJobFeedback a{font-weight:500;text-decoration:underline;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesItemRightDes .oppJobFeedback a:hover{text-decoration:none;}
.opportunitiesItemRightDes .oppJobTips{position:relative;padding-left:36px;min-height:24px;font-weight:400;font-size:12px;line-height:18px;color:var(--text-gray);}
.opportunitiesItemRightDes .oppJobTips img{position:absolute;left:0;top:0;}
.opportunitiesItemRightDes .oppJobTips p{margin:0;font-size:inherit;line-height:inherit;color:inherit;}
.opportunitiesItemRightDes .oppJobTips a{font-weight:500;text-decoration:underline;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesItemRightDes .oppJobTips a:hover{text-decoration:none;}
.opportunitiesItemRightDes .oppItemRightDesAction{margin-top:1.5rem;display:flex;}
.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn{background:rgba(245,245,245,0.5);width:2.875rem;min-width:2.875rem;height:2.875rem;border:none;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId .itemShareBtn{margin-left:auto;margin-right:0;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId .interestedBtn{margin-left:auto;margin-right:0;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId .itemShareBtn + .interestedBtn{margin-left:1.5rem;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn{position:relative;white-space:nowrap;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn:first-child{margin-left:0;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn:disabled{background:var(--rgb-gray-20);color:rgba(35, 35, 35, 0.2);cursor:not-allowed;opacity:1;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn .hoverText{text-transform: none;display:inline-block;position:absolute;white-space:nowrap;color:var(--text-gray);font-size:12px;line-height:16px;font-weight:500;background:var(--bg-light-gray-E9);border-radius:8px;top:100%;margin-top:6px;padding:8px 15px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn .hoverText br{display:inline;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn:hover .hoverText{opacity:1;visibility:visible;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{border:1px solid var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1rem;position:relative;align-items:center;}
.jobDesHRId .jobDesHRIdBox{font-weight:400;font-size:0.875rem;line-height:1.125rem;color:var(--secondary-black);margin-right:2.1875rem;}
.jobDesHRId .jobDesHRIdBox:last-child{margin-right:0;margin-bottom:0;}
.jobDesHRId .jobDesHRIdBox h4{font-weight:400;font-size:0.75rem;line-height:1rem;color:var(--text-gray);margin:0 0 0.5rem;}
.allOpportunities .opportunitiesNotFound{min-height:356px;}
.opportunitiesItemRightDes .oppItemDesLessBtn{text-align:right;margin-top:20px;display:none;}
.allOpportunities .opportunitiesItem.opportunitiesJustFilled{border-color:var(--failureRed);margin-bottom:57px;}
.opportunitiesItem .justFilledNote{position:absolute;top:100%;left:0;font-weight:400;font-size:12px;line-height:18px;color:var(--failureRed);margin-top:7px;display:none;}
.opportunitiesItem.opportunitiesJustFilled .justFilledNote{display:block;}
.opportunitiesJustFilled .opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn{background:#efefef;border-color:#efefef;pointer-events:none;}
.opportunitiesJustFilled .opportunitiesItemHead .opportunitiesHeadAction .itemShareBtn img{opacity:0.2;}
.opportunitiesJustFilled .opportunitiesItemHead .opportunitiesHeadAction .interestedBtn{background:var(--bg-light-gray-E9);color: var(--rgb-overlay-dark-shade-20);pointer-events:none;}
.opportunitiesJustFilled .opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{border-color:var(--failureRed);margin-bottom:41px;}
.opportunitiesJustFilled .opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn{background:var(--light-gray);pointer-events:none;}
.opportunitiesJustFilled .opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn img{opacity:0.2;}
.opportunitiesJustFilled .opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn{background:var(--light-gray);color: var(--rgb-overlay-dark-shade-20);pointer-events:none;}
.actionBtn{position: relative;}
.actionBtn:hover .actionBtnHover{opacity:1;visibility:visible;}
.actionBtn .actionBtnHover{display:inline-block;width:202px;position:absolute;text-align:center;text-transform: none;color:var(--white);font-size:12px;line-height:16px;
    font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:14px;padding:8px 16px;z-index:1;left:50%;
    -webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;
    pointer-events:none;white-space:normal;}
.actionBtn .actionBtnHover br{display:inline;}
.actionBtn:hover .actionBtnHover{opacity:1;visibility:visible;}
.actionBtn .actionBtnHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;left:0;right:0;margin:auto;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}


.actionBtn .actionBtnHover.talentDeployed,.singleOpportunity .actionBtn .actionBtnHover.talentDeployed{
    width:303px;left:80%;-webkit-transform:translateX(-80%);transform:translateX(-80%);
}
.actionBtn .actionBtnHover.talentDeployed:before,.singleOpportunity .actionBtn .actionBtnHover.talentDeployed::before{
    left:70%;right:unset;margin:auto;
}
.singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply{width:403px;font-size: 14px;font-weight: 500;line-height: 20px;right:0;
    -webkit-transform:unset;transform:unset;left: unset;}
.singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply::before{right:48px;left:unset;margin:auto;}
/*END All Opportunities page*/

/*Start All Opportunities Filter*/


.waveLoader {
    width: 72px;
    height: 72px;
    box-shadow: 0 0 0 3px var(--primary-black);
    border: 6px solid transparent;
    margin-bottom: 24px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;

    .waveWrapper {  
        left: 50%;
        top: 50%;
        overflow: hidden;
        width: 100%;
        height: 100%;
        animation: loading 20s linear infinite;

        .wave {
            width: 200%;
            height: 200%;
            background: var(--primary-black);
            border-radius: 45%;
            transform-style: preserve-3d;
            transform-origin: center;
            animation: rotate 2.5s linear infinite;
            margin-top: 15px;
            margin-left: -50%;
            /* mix-blend-mode: multiply; */
            position: absolute;

            &:nth-of-type(1) {
                margin-top: 16px;
                animation-duration: 2.1s;
                animation-direction: reverse;
                z-index: 1;
            }

            &:nth-of-type(2) {
                animation-duration: 2.5s;
                border-radius: 41%;
                animation-direction: normal;
                background: #898989;
            }
        }
    }

}
 
  
  @keyframes rotate {
    0% {
      transform: rotate(0) translate(0,0);
    }
    45% {
      transform: rotate(90deg) translate(15px, 15px);
    }
    100% {
      transform: rotate(180deg) translate(0, 0);
    }
  }
  
  @keyframes loading {
    0% {
      transform: translate(0, 70%);
    }
    50% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 70%);
    }
  }

.allOpportunities .opportunitiesFilter{margin-bottom:32px;}
.allOpportunities .opportunitiesFilter.masterLoading{opacity: 0.72;cursor: progress;}
.allOpportunities .opportunitiesFilter.masterLoading *{pointer-events: none;}
.allOpportunities .opportunitiesFilter .opportunitiesFilterInner{
    z-index: 991;
    background:transparent;padding: 0.3125rem 4rem 1.25rem;position: relative;margin-left: -4rem;margin-right: -4rem;
    border-bottom: 1px solid #E0E1E0;background: var(--white);
    box-shadow: 1px 4px 6px 0px rgba(107, 107, 107, 0.1);
}
.allOpportunities .opportunitiesFilter .opportunitiesFilterInner:last-child{margin-bottom:0;}
.opportunitiesFilter .totalOpportunitiesCount{font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black); display: flex; align-items: center; gap: 10px;}
.opportunitiesFilter .totalOpportunitiesCount .jobCountBubble{    
    padding: 5px 8px;
    border: 1px solid var(--text-field-outline-2);
    border-radius: 30px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    gap: 4px;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    /* border-color: #FFDA30; */
    /* background: #FFF8D6; */
    color: var(--secondary-black);
}
.opportunitiesFilter .totalOpportunitiesCount .jobCountBubble.active{
    border-color: var(--brandYellow);
    background: var(--bg-light-yellow);

}
.opportunitiesFilter .totalOpportunitiesCount .jobCountBubble.disabled{
    opacity: 0.6;
    cursor: not-allowed;
}

.containSection .inhouse-head{display:flex;gap:8px;align-items:flex-start;margin-bottom:32px}
.containSection .inhouse-head .backBtn{
    border:none;background:0 0;padding:4px 0;font-size: 16px;line-height: 20px;font-weight: 500;display: flex;align-items: center;
}
.containSection .inhouse-head>.backBtn>svg{rotate:180deg;width:32px;height:32px}

.opportunitiesFilter .filtersBottom{display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.opportunitiesFilter .filtersBottmRight{display: flex;gap: 16px;}
.opportunitiesFilter .filtersBottmRight .inhouseBtn{
    padding: 10px 16px;background-color: transparent;border-radius: 8px;font-weight: 600;font-size: 14px;
    line-height: 17px;text-transform: capitalize;color: var(--secondary-black);box-sizing: border-box;display: flex;align-items: center;justify-content: center;
    text-align: center;border: 1px solid var(--text-field-outline-2);
}
.opportunitiesFilter .filtersBottmRight button{white-space: nowrap;}

.opportunitiesFilter .filtersBottom .noMatchingJobs{
    display: flex;align-items: flex-start;gap: 6px;flex-direction: column;
}
.opportunitiesFilter .filtersBottom .noMatchingJobs span{font-size: 16px;font-weight: 400;line-height: 19.5px;color: var(--text-gray);}
.opportunitiesFilter .filtersBottom .noMatchingJobs strong{font-size: 14px;font-weight: 600;line-height: 17.07px;color: var(--primary-black);}

@media screen and (max-width:876px) {
    .opportunitiesFilter .filtersBottom:has(.noMatchingJobs){
        flex-direction: column-reverse;align-items: flex-start;
        .filtersBottmRight{justify-content: space-between;flex-direction: row-reverse;width: 100%;}
    }
}
@media(max-width:568px){
    .opportunitiesFilter .filtersBottom{flex-direction: column-reverse;align-items: flex-start;gap: 16px;}
    .opportunitiesFilter .filtersBottmRight{justify-content: space-between;width: 100%;flex-direction: row-reverse;}
    .opportunitiesFilter .filtersBottmRight .inhouseBtn{font-size: 12px;line-height: 15px;}
}

.allOpportunities .opportunitiesFilter .oppFilterTop{margin-bottom:1rem;align-items:center;justify-content:space-between;display:flex;}
@media screen and (max-width:880px) {
    .allOpportunities .opportunitiesFilter .oppFilterTop{margin-bottom:12px;}
    .containSection.workPc .allOpportunities .opportunitiesFilter {padding-inline: 16px;}
}
.allOpportunities .opportunitiesFilter .oppFilterTop.bookmarkedFilter{margin-bottom:0;}
.allOpportunities .opportunitiesFilter .oppSearchBox{width:40.375rem;}
.allOpportunities .opportunitiesFilter .oppFilterTop.bookmarkedFilter .oppSearchBox{width: 75vw !important;max-width: 646px;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-group{margin:0;position:relative;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control{
    outline: none;box-shadow:none;height:auto;min-width:inherit;background:var(--white);border:1px solid #B5B7BA;
    border-radius:12px;box-shadow: 1px 4px 6px 0px var(--rgb-dark-gray-10);
    font-weight:500;font-size:0.75rem;line-height:1;
    text-transform:capitalize;color:var(--primary-black);padding:0.75rem 1rem 0.75rem 2.5rem;
}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control::-webkit-input-placeholder{color:var(--rgb-dark-gray-60);opacity:1;font-weight:600;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control::-moz-placeholder{color:var(--rgb-dark-gray-60);opacity:1;font-weight:600;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control:-ms-input-placeholder{color: var(--rgb-dark-gray-60);opacity:1;font-weight:600;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control:-moz-placeholder{color: var(--rgb-dark-gray-60);opacity:1;font-weight:600;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control:focus{border-color: var(--brandYellow);box-shadow: 1px 4px 6px 0px rgba(255, 218, 48, 0.1);}
.allOpportunities .opportunitiesFilter .oppSearchBox .oppSearchIcon{
    background:transparent;outline:none;position:absolute;left:1rem;top:0.75rem;padding:0;border-radius:0;
    border:none;box-shadow:none;z-index:1;cursor:pointer;font-size:1.125rem;line-height:1rem;
    img{
        width: 1rem;
        height: 1rem;
    }
}
.allOpportunities .opportunitiesFilter .oppSearchBox .fieldError{margin:4px 0 0 0;color:var(--failureRed);font-size:12px;line-height:16px;}
.allOpportunities .opportunitiesFilter .oppSortBy{align-items:center;display:flex;}
.allOpportunities .opportunitiesFilter .oppSortBy.mobile {
    position: absolute;
    top: -24px;
    right: 0;
    display: none;
    margin: 0;
}
.allOpportunities .opportunitiesFilter .oppFilterBottom .oppSortBy{display: none;}
.allOpportunities .opportunitiesFilter .oppFilterBottom .mobileFlex{
    display: none;justify-content: space-between;align-items: center;width:100%;
    .outlinedBtn{
        display: flex;align-items: center;gap: 8px;
        font-weight: 500;font-size: 14px;line-height: 18px;
        text-transform: capitalize;color: var(--secondary-black);
        padding: 4px 12px;cursor: pointer;position: relative;
        outline: 1px solid var(--text-gray) !important;
        svg{
            width: 16px;height: 16px;
        }
        .filterCount{
            width: 16px;
            height: 16px;
            background: var(--primary-black);
            color: var(--white);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            line-height: 1;
            font-weight: 500;
        }
    }
    .outlinedBtn.mobileToggleOn{
        background: var(--bg-light-yellow);color: var(--secondary-black);
    }
}
.allOpportunities .opportunitiesFilter .oppSortBy label{display:inline-block;margin-right:8px;font-weight:400;font-size:14px;line-height:18px;text-transform:capitalize;color:var(--text-gray);white-space:nowrap;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-toggle{padding:0 24px 0 0;border-radius:0;font-weight:500;font-size:14px;line-height:18px;text-transform:capitalize;color:var(--secondary-black);background:transparent;border:none;box-shadow:none !important;position:relative;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-toggle img{width:16px;height:16px;position:absolute;right:0;top:1px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.allOpportunities .opportunitiesFilter .oppSortBy .show .dropdown-toggle img{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-toggle:after{display:none;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu{border:1px solid var(--brandYellow);border-radius:8px;padding:0;background:var(--white);left:auto !important;right:-12px !important;width:172px;margin:28px 0 0 0;transform:none !important;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu .dropdown-item{padding:8px 16px;border:none;border-bottom:1px solid var(--bg-secondary);font-weight:400;font-size:12px;line-height:16px;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;background:var(--white);box-shadow:none;outline:none;border-radius:0;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu .dropdown-item:last-child{border-bottom:none;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu .dropdown-item:hover,.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu .dropdown-item.select{background:var(--brandYellow);color:var(--secondary-black);font-weight:500;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu .dropdown-item:first-child{padding-top:16px;border-radius:7px 7px 0 0;}
.allOpportunities .opportunitiesFilter .oppSortBy .dropdown-menu .dropdown-item:last-child{padding-bottom:16px;border-radius:0 0 7px 7px;}
.opportunitiesFilter .oppAdvanceFilter{align-items:center;display:flex;padding: 1px;margin: -1px;flex-wrap:wrap;}
.oppAdvanceFilter .addFiltersMenu{padding-right:16px;}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn{padding:0;margin:0;border-radius:0;border:none;box-shadow:none;background:transparent;font-weight:500;font-size:14px;line-height:18px;color:var(--secondary-black);align-items:center;display:inline-flex;}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn::after{display:none;}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn svg{margin-right:8px;}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn path{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
/* .oppAdvanceFilter .addFiltersMenu.show .addFilterToggleBtn svg path:first-child{opacity:0;visibility:hidden;} */
.oppAdvanceFilter .oppAdvanceFilterTagsList{gap:8px;flex-wrap:wrap;align-items:center;display:flex;}
.oppAdvanceFilter .oppAdvanceFilterTagsList label{font-weight:400;font-size:12px;line-height:15px;text-align:center;color:var(--secondary-black);position:relative;padding:6px 30px 6px 14px;border-radius:8px;background:var(--white);display:inline-block;}
.oppAdvanceFilter .oppAdvanceFilterTagsList label:nth-last-child(2){margin-right:24px;}
.oppAdvanceFilter .oppAdvanceFilterTagsList .tagCloseBtn{position:absolute;top:9px;right:14px;border:none;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;font-size:10px;line-height:10px;}
.oppAdvanceFilter .tagClearBtn{font-weight:500;font-size:0.875rem;line-height:1.125rem;text-decoration:underline;color:var(--text-gray);border:none;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.oppAdvanceFilter .tagClearBtn:hover{color:var(--secondary-black);text-decoration:none;}
.oppAdvanceFilter .oppAdvanceFilterTagsList .payoutLabel{padding:4px 8px;display: flex;align-items: center;flex-wrap: wrap;font-size:12px;line-height:15px;color:var(--secondary-black);background: var(--white);border-radius:8px;}
.oppAdvanceFilter .oppAdvanceFilterTagsList .payoutLabel label{color: var(--white);background: var(--secondary-black);margin:4px}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown{border:1px solid var(--text-field-outline-2);border-radius:8px;padding:0;background:var(--white);left:0 !important;right:auto !important;width:10.75rem;margin:1.25rem 0 0 0;z-index: 101; transform: none !important;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul{margin:0;padding:0;list-style-type:none;position:relative;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li{border-bottom:1px solid var(--bg-secondary)}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li:last-child{border-bottom:none}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li > .dropdown-item{padding:0.5rem 1rem;border:none;font-weight:400;font-size:0.75rem;line-height:1rem;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;background: var(--white);box-shadow:none;outline:none;border-radius:0;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li > .dropdown-item:hover,.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li > .dropdown-item.select{background:var(--brandYellow);color:var(--secondary-black);font-weight:500;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li > .dropdown-toggle{padding-right:1.875rem;position:relative;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li > .dropdown-toggle svg{position:absolute;right:0.5rem;top:0.5rem;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li:first-child .dropdown-item{padding-top:1rem;border-radius:7px 7px 0 0;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li:last-child .dropdown-item{padding-bottom:1rem;border-radius:0 0 7px 7px;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li:first-child .dropdown-toggle svg{top:1rem;}

.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul.jobFunction{
    min-width: 16rem;
    height: 25rem;
    overflow-y: auto;
    >li{
        padding-bottom: 1rem;
        border-bottom: none;
        h6{
            font-weight: 600;
            font-size: 0.875rem;
            line-height: 1.0625rem;
            color: var(--primary-black);
            margin-bottom: 0.5rem;
            padding-bottom: 4px;
            border-bottom: 1px solid var(--text-gray);
        }
        ul{
            li{
                padding: 0.5rem 1rem;
                border-bottom: 1px solid var(--bg-secondary);
                font-weight: 400;
                font-size: 0.75rem;
                line-height: 1.125rem;
                color: var(--primary-black);
            }
        }
    }
}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown .dropdown-toggle:after{display:none;}
.addFiltersMenu .addFilterMainDropdown > ul > li.openedSubMenu > .dropdown-toggle{background:var(--brandYellow);color:var(--secondary-black);font-weight:500;}
.addFiltersMenu .addFilterMainDropdown > ul > li.openedSubMenu > .dropdown-toggle svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.addFiltersMenu .addFilterMainDropdown > ul > li.openedSubMenu > .dropdown-toggle svg path{stroke-width:2px;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li.dropdown{position:static;}
.addFiltersMenu .addFilterMainDropdown .addFilterSubDropdown{position:absolute;top:0 !important;left:100% !important;margin:0 0 0 8px;border:1px solid var(--brandYellow);border-radius:8px;background:var(--white);min-width:172px;padding:16px;}
.addFilterSubDropdown .subDropdownSearch{margin-bottom:0;}
.addFilterSubDropdown .subDropdownSearch .form-group{margin-bottom:0;position:relative;}
.addFilterSubDropdown .subDropdownSearch .subSearchIcon{position:absolute;left:0;top:0;padding:0;border-radius:0;border:none;box-shadow:none;z-index:1;cursor:pointer;font-size:1rem;line-height:1rem;
 img {width: 1rem;height: 1rem;}
}
.addFilterSubDropdown .subDropdownSearch .form-control{box-shadow:none;height:auto;min-width:inherit;background: var(--white);outline: none;border:none;border-bottom:1px solid var(--text-field-outline-2);border-radius:0;font-weight:500;font-size:clamp(10px, 0.75rem, 12px);line-height:1rem;color:var(--secondary-black);padding:0 0 0.5rem 1.5rem;}
.addFilterSubDropdown .subDropdownSearch .form-control::-webkit-input-placeholder,.addFilterSubDropdown .otherExperience .form-control::-webkit-input-placeholder{color: var(--rgb-dark-gray-60);opacity:1;font-weight:400;}
.addFilterSubDropdown .subDropdownSearch .form-control::-moz-placeholder,.addFilterSubDropdown .otherExperience .form-control::-moz-placeholder{color: var(--rgb-dark-gray-60);opacity:1;font-weight:400;}
.addFilterSubDropdown .subDropdownSearch .form-control:-ms-input-placeholder,.addFilterSubDropdown .otherExperience .form-control:-ms-input-placeholder{color: var(--rgb-dark-gray-60);opacity:1;font-weight:400;}
.addFilterSubDropdown .subDropdownSearch .form-control:-moz-placeholder,.addFilterSubDropdown .otherExperience .form-control:-moz-placeholder{color: var(--rgb-dark-gray-60);opacity:1;font-weight:400;}
.addFilterSubDropdown .subDropdownSearch .form-control:focus,.addFilterSubDropdown .otherExperience .form-control:focus{border-color:var(--brandYellow);}
.addFilterSubDropdown .subDropdownSearch .fieldError{margin:4px 0 0 0;color:var(--failureRed);font-size:0.625rem;line-height:0.875rem;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList.selected{background:#FbFbFb;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList{margin:0 -16px;padding:0;list-style-type:none;max-height:304px;overflow-y:auto;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList li{padding:8px 16px;border-bottom:1px solid var(--bg-secondary);}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList li:first-child{padding-top:16px;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList li:last-child{padding-bottom:16px;border-bottom:none;}
.addFilterMainDropdown .addFilterSubDropdown > .addFilterSubCheckList:first-child > li:first-child{padding-top:0;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList::-webkit-scrollbar{width:10px;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList::-webkit-scrollbar:horizontal{height:10px;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--bg-gray-bf);transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;cursor:pointer;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList::-webkit-scrollbar-track{border-radius:10px;background-color:var(--rgb-gray-20);}
.addFilterSubDropdown .checkbox{display:inline-block;position:relative;padding-left:1.5rem;margin:0;cursor:pointer;min-height:1rem;font-weight:400;font-size:0.75rem;line-height:1.125rem;color:var(--secondary-black);white-space:nowrap;}
.addFilterSubDropdown .checkbox input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;width:1rem;height:1rem;margin:0;box-shadow:none;line-height:1rem;border-radius:4px;padding:0;}
.addFilterSubDropdown .checkbox .checkmark{position:absolute;top:0px;left:0;height:1rem;width:1rem;border:1px solid var(--text-field-outline-2);-webkit-border-radius:4px;border-radius:4px;background:var(--white);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.addFilterSubDropdown .checkbox .checkmark:after{content:"";position:absolute;display:inline-block;left:0.1875rem;top:0.1875rem;width:0.5625rem;height:0.3125rem;margin:auto;border-left:1px solid var(--primary-dark);border-bottom:1px solid var(--primary-dark);-webkit-transform:rotate(-35deg);transform:rotate(-35deg);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;opacity:0;visibility:hidden;}
.addFilterSubDropdown .checkbox input:checked ~ .checkmark:after{visibility:visible;opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.addFilterSubDropdown .checkbox input:checked ~ .checkmark{background:var(--brandYellow);border-color:var(--brandYellow)}

.addFilterSubDropdown .maangPlus .checkbox{
    color: var(--RA-primary-cta);
    input:checked ~ .checkmark{background: var(--RA-primary-cta);border-color: var(--RA-primary-cta)}
    .checkmark:after{border-left:1px solid var(--white);border-bottom:1px solid var(--white);}
}

@keyframes gradientAnimation {
    0% {
      background-position: 400% 0%;
    }
    50% {
        background-position: 200% 200%;
      }
    100% {
      background-position: 0% 400%;
    }
  }

.newFilterLabel {
    margin: -2px 0 0 -4px;
    font-weight: 800;
    font-size: 10px;
    line-height: 1;
    background: linear-gradient(60.14deg, #FC8901 5.72%, #EEBE06 67.19%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    background-size: 400%; /* Make the background larger */
    animation: gradientAnimation 12s linear infinite;
}
.addFilterSubDropdown .radiobox{display:inline-block;position:relative;padding-left:1.5rem;margin:0;cursor:pointer;min-height:1rem;font-weight:400;font-size:0.75rem;line-height:1;color:var(--primary-black);white-space:nowrap;}
.addFilterSubDropdown .radiobox input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;width:1rem;height:1rem;margin:0;box-shadow:none;line-height:1rem;border-radius:4px;padding:0;}
.addFilterSubDropdown .radiobox .checkmark{position:absolute;top:0px;left:0;height:1rem;width:1rem;border:1px solid var(--text-field-outline-2);-webkit-border-radius:4px;border-radius:4px;background:var(--white);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;
    border-radius: 50%;}
.addFilterSubDropdown .radiobox .checkmark:after{content:"";position:absolute;display:inline-block;left:0;top:0;width:0.875rem;height:0.875rem;margin:auto;border: 2px solid var(--white);transition:all 0.35s ease 0s;opacity:0;visibility:hidden;border-radius: 14px;}
.addFilterSubDropdown .radiobox input:checked ~ .checkmark:after{visibility:visible;opacity:1;}
.addFilterSubDropdown .radiobox input:checked ~ .checkmark{background:var(--brandYellow);border-color:var(--primary-dark)}

.addFilterSubDropdown .applyFilterBtn{border-top:1px solid var(--bg-secondary);margin:0 -1rem;padding:1rem 1rem 0;}
.addFilterSubDropdown .applyFilterBtn .btn{font-weight:700;font-size:0.875rem;line-height:1.125rem;text-decoration:underline;text-transform:uppercase;color:var(--secondary-black);padding:0;margin:0;border:none;box-shadow:none;border-radius:0;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.addFilterSubDropdown .applyFilterBtn .btn:disabled{color:rgba(35, 35, 35, 0.2);cursor:not-allowed;text-decoration:underline !important;}
.addFilterSubDropdown .applyFilterBtn .btn:hover{text-decoration:none;}
.addFilterSubDropdown .otherExperience{padding:8px 0 16px;}
.addFilterSubDropdown .otherExperience .form-group{margin:0;position:relative;}
.addFilterSubDropdown .otherExperience .form-control{box-shadow:none;height:auto;min-width:inherit;background:var(--white);border:none;border-bottom:1px solid var(--text-field-outline-2);border-radius:0;font-weight:500;font-size:12px;line-height:16px;color:var(--secondary-black);padding:0 0 4px 50px;}
.addFilterSubDropdown .otherExperience label{font-weight:400;font-size:12px;line-height:16px;color:var(--secondary-black);position:absolute;left:0;top:0;z-index:1;}
.addFilterSubDropdown .otherExperience .fieldError{margin:4px 0 0 0;color:var(--failureRed);font-size:10px;line-height:14px;position:relative;}
.addFilterSubDropdown .customRangeBox{margin-bottom:1rem;}
.addFilterSubDropdown .customRangeBox h4{font-weight:500;font-size:0.75rem;line-height:0.9375rem;color:var(--secondary-black);margin:0 0 1rem;}
.addFilterSubDropdown .customRangeBox .customRangeInner{position:relative;display:flex;gap: 0.75rem;align-items: center;}
.addFilterSubDropdown .customRangeBox .customRangeInner hr{width: 0.25rem;border-top: 1px solid var(--secondary-black);margin: 1.5rem 0 0;}
/* .addFilterSubDropdown .customRangeBox .customRangeInner:before{content:'-';position:absolute;font-style:normal;font-weight:400;font-size:10px;line-height:12px;color:#232323;left:0;right:0;top:29px;text-align:center;pointer-events:none;} */
.addFilterSubDropdown .customRangeBox .form-group{margin:0;width:3.5rem;}
.addFilterSubDropdown .customRangeBox .form-group:has(.input-suffix){width: auto;}
.addFilterSubDropdown .customRangeBox label{font-weight:400;font-size:clamp(9px, 0.625rem, 10px);line-height:0.75rem;color:var(--text-gray);margin:0 0 0.5rem;}
.addFilterSubDropdown .customRangeBox .form-control{border:1px solid var(--text-field-outline-2);border-radius:8px;box-shadow:none;outline:none;height:auto;padding:0.25rem 0.5rem;font-weight:400;font-size:0.75rem;line-height:0.875rem;color:var(--secondary-black);}
.addFilterSubDropdown .customRangeBox .form-control:focus{border-color: var(--brandYellow);box-shadow:0 0 0 1px var(--brandYellow);}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-toggle{font-weight:500;font-size:0.75rem;line-height:0.9375rem;text-decoration:underline;color:var(--text-gray);padding:0;border-radius:0;border:none;box-shadow:none;align-items:center;display:inline-flex;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-toggle svg{margin-left:0.5rem;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu{background:var(--bg-light-yellow);border:1px solid var(--brandYellow);border-radius:8px;min-width:3.8125rem;padding:0;margin:0.25rem 0 0 0;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu ul{margin:0;padding:0;list-style-type:none;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu ul li{border-bottom:1px solid var(--text-field-outline-2);}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu ul li:last-child{border-bottom:none;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu .dropdown-item{background:transparent;font-weight:500;font-size:12px;line-height:16px;color:var(--text-gray);padding:8px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu .dropdown-item:hover,.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu .dropdown-item.select{background:var(--brandYellow);}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu ul li:first-child .dropdown-item{border-radius:7px 7px 0 0;}
.addFilterSubDropdown .subMenuCurrencyFilter .dropdown-menu ul li:last-child .dropdown-item{border-radius:0 0 7px 7px;}
.addFilterSubDropdown .subMenuCurrencyFilter .openedSubMenu .dropdown-toggle svg{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.addFilterSubDropdown .subMenuCurrencyFilter .openedSubMenu .dropdown-toggle svg path{stroke-width:2px;}
.allOpportunities .appliedOpportunitiesFilter .opportunitiesFilterInner{justify-content:space-between;align-items:flex-start;display:flex;}
.appliedOpportunitiesFilter .oppAdvanceFilter .addFiltersMenu{margin:0;}
.opportunitiesFilter.appliedOpportunitiesFilter .oppAdvanceFilter{padding-right:16px;row-gap:8px;align-items:center;flex-wrap:wrap;}
.appliedOpportunitiesFilter .oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown{border-color:var(--brandYellow);width:auto;min-width:11.25rem;max-width:12.5rem;}
.appliedOpportunitiesFilter .addFiltersMenu .addFilterMainDropdown .addFilterSubDropdown{position:relative;top:auto !important;left:auto !important;margin:0;border:none;min-width:inherit;}
.allOpportunities .matchedOppFilter .opportunitiesFilterInner{justify-content:space-between;align-items:center;display:flex;flex-wrap: wrap;}
.matchedOppFilter .opportunitiesFilterInner .oppSearchBox{width:346px;margin-right: 16px;}
.matchedOppFilter .oppSuggested{align-items:center;display:flex;}
.matchedOppFilter .oppSuggested label{display:inline-block;margin-right:8px;font-weight:400;font-size:14px;line-height:18px;text-transform:capitalize;color:var(--text-gray);white-space:nowrap;}
.matchedOppFilter .oppSuggested button{background-color: var(--white);border-radius: 8px;outline: none;border: none;padding: 6px 14px;margin: 0 16px 0 0;font-weight: 400;font-size: 12px;line-height: 15px;}
.matchedOppFilter .oppSuggested button.active{background-color: var(--secondary-black);color: var(--white);}
/*END All Opportunities Filter*/

/*Dislike Modal*/
.dislikeModalWrap .modal-dialog{width:840px;max-width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.dislikeModalWrap .modal-content{background:var(--white);border-radius:8px;box-shadow:none;border:none;position:relative;}
.dislikeModalWrap .modalCloseBtn{position:absolute;top:16px;right:16px;cursor:pointer;border:none;box-shadow:none;border-radius:0;padding:0;background:transparent;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;z-index:1;}
.dislikeModalWrap .modalCloseBtn svg{-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.dislikeModalWrap .modalCloseBtn svg path{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.dislikeModalWrap .modalCloseBtn:hover svg{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.dislikeModalWrap .modalCloseBtn:hover path{stroke:var(--failureRed);}
.dislikeModalWrap .modal-body{font-weight:400;font-size:18px;line-height:22px;text-align:center;color:var(--secondary-black);padding:56px;}
.dislikeModalWrap .modal-body p{font-size:inherit;line-height:inherit;margin-bottom:16px;}
.dislikeModalWrap .modal-body p:last-child{margin-bottom:0;}
.dislikeModalWrap .modal-body h3{font-weight:500;font-size:18px;line-height:26px;text-align:center;color:var(--secondary-black);margin:0 0 8px;}
.dislikeModalWrap .modal-body h3:last-child{margin-bottom:0;}
.dislikeModalWrap .modal-body .modalSmallDes{font-size:14px;line-height:20px;}
.modalAction{margin-top:32px;align-items:center;justify-content:center;display:flex;}
.modalAction .btn{font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:50px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;cursor:pointer;}
.modalAction .btn:hover{background:var(--secondary-black);color:var(--white);}
.modalAction .btn.modalBackBtn{background:transparent;color:var(--secondary-black);border-radius:0;text-decoration:underline;padding:0;margin-left:24px;}
.modalAction .btn.modalBackBtn:hover{text-decoration:none;}
/*END Dislike Modal*/

/*Opportunities Thank you*/
.opportunitiesThankYouWrap{font-weight:400;font-size:14px;line-height:26px;color:var(--secondary-black);}
.opportunitiesThankYouWrap h2{font-weight:600;font-size:42px;line-height:51px;color:var(--secondary-black);margin:0 0 40px;}
.opportunitiesThankYouWrap ul{margin:0 0 40px;padding:0;list-style-type:none;}
.opportunitiesThankYouWrap ul li{position:relative;padding-left:24px;}
.opportunitiesThankYouWrap ul li:before{content:'';position:absolute;top:10px;left:10px;background:var(--primary-dark);width:3px;height:3px;border-radius:20px;}
.opportunitiesThankYouWrap ul li a{font-weight:500;color:inherit;display:inline-block;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesThankYouWrap p:last-child,.opportunitiesThankYouWrap ul:last-child{margin-bottom:0;}
.opportunitiesThankYouBox{border:1px solid var(--bg-secondary);border-radius:8px;margin:0 0 40px;position:relative;}
.opportunitiesThankYouBox:last-child{margin-bottom:0;}
.opportunitiesThankYouBox.boxFilledError{border-color:var(--failureRed);margin-bottom:65px;}
.boxFilledError .filledError{position:absolute;top:100%;left:0;font-weight:400;font-size:12px;line-height:18px;color:var(--failureRed);margin-top:7px;}
.opportunitiesThankYouBox .opportunitiesThankYouHead{background:var(--bg-secondary);border-radius:8px;padding:24px;}
.opportunitiesThankYouBox .opportunitiesThankYouHead h3{font-weight:500;font-size:14px;line-height:20px;color:var(--secondary-black);}
.opportunitiesThankYouBox .opportunitiesThankYouBody{padding:16px 24px;font-weight:400;font-size:14px;line-height:17px;color:var(--text-gray);}
.opportunitiesThankYouBox .opportunitiesThankYouBody ul{margin:0;}
.opportunitiesThankYouBox .opportunitiesThankYouBody ul li{padding:0;margin-bottom:16px;}
.opportunitiesThankYouBox .opportunitiesThankYouBody ul li:last-child{margin-bottom:0;}
.opportunitiesThankYouBox .opportunitiesThankYouBody ul li::before{display:none;}
.opportunitiesThankYouWrap .radiobox,.onboardConcernsInfo .radiobox{display:inline-block;position:relative;padding-left:28px;margin:0;cursor:pointer;min-height:20px;font-weight:400;font-size:14px;line-height:20px;color:var(--text-gray);margin-bottom:0;}
.opportunitiesThankYouWrap .radiobox:last-child,.onboardConcernsInfo .radiobox:last-child{margin-bottom:0;}
.opportunitiesThankYouWrap .radiobox input,.onboardConcernsInfo .radiobox input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;width:20px;height:20px;margin:0;box-shadow:none;line-height:16px;border-radius:40px;padding:0;}
.opportunitiesThankYouWrap .radiobox .checkmark,.onboardConcernsInfo .radiobox .checkmark{position:absolute;top:0px;left:0;height:20px;width:20px;border:1px solid var(--text-gray);-webkit-border-radius:40px;border-radius:40px;background:var(--white);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesThankYouWrap .radiobox .checkmark:after,.onboardConcernsInfo .radiobox .checkmark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:12px;height:12px;margin:auto;border:none;display:inline-block;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;opacity:0;visibility:hidden;background:var(--brandYellow);border-radius:30px;}
.opportunitiesThankYouWrap .radiobox.highLightTxt{color:var(--secondary-black);}
.opportunitiesThankYouWrap .radiobox.highLightTxt .checkmark{border-color:var(--secondary-black);}
.opportunitiesThankYouWrap .radiobox input:checked ~ .checkmark:after,.onboardConcernsInfo .radiobox input:checked ~ .checkmark:after{visibility:visible;opacity:1;}
.opportunitiesThankYouWrap .radiobox input:checked ~ .checkmark,.onboardConcernsInfo .radiobox input:checked ~ .checkmark{background:var(--white);border-color:var(--secondary-black)}
.opportunitiesThankYouWrap .radiobox input:checked ~ span,.onboardConcernsInfo .radiobox input:checked ~ span{color:var(--secondary-black);font-weight: 600;}
.opportunitiesThankYouAction{margin-top:32px;align-items:center;display:flex;}
.opportunitiesThankYouAction .btn{font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:50px;display:inline-block;padding:14px 32px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;cursor:pointer;}
.opportunitiesThankYouAction .btn:hover{background:var(--secondary-black);color:var(--white);}
.opportunitiesThankYouAction .btn.goBackBtn{background:transparent;color:var(--secondary-black);border-radius:0;text-decoration:underline;padding:0;margin-left:24px;width:auto;}
.opportunitiesThankYouAction .btn.goBackBtn:hover{text-decoration:none;}
/*END Opportunities Thank you*/

/*Interviews page*/
.myOpportunitiesTabs.interviewTabsWrap .nav-tabs{display:flex;}
.myOpportunitiesTabs.interviewTabsWrap .nav-tabs .nav-item .nav-link{padding-left:32px;padding-right:32px;}
.interviewTabsWrap .opportunitiesItem .opportunitiesItemHead{cursor:pointer;padding-right:56px;position:relative;align-items:flex-start !important;}
.interviewTabsWrap .opportunitiesItemHead .opportunitiesHeadTitle h3{padding-right:0;}
.interviewTabsWrap .opportunitiesItemHead .intAccHeadIcon{cursor:pointer;position:absolute;top:0;right:16px;bottom:0;margin:auto;width:24px;height:24px;}
.interviewTabsWrap .opportunitiesItemHead .intAccHeadIcon path{-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.interviewTabsWrap .opportunitiesItemHead:not(.collapsed) .intAccHeadIcon svg path:first-child{opacity:0;}
.interviewTabsWrap .opportunitiesItemHead .opportunitiesHeadInfoInner{align-items:center;}
.interviewTabsWrap .interviewBody{padding:24px;}
.interviewTabsWrap .interviewSchedule{margin-bottom:24px;}
.interviewTabsWrap .interviewSchedule.pastInterviewSchedule{margin-bottom:6px;}
.interviewSchedule h3{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin:0 0 8px;}
.interviewSchedule ul{margin:0 -9px;flex-wrap:wrap;display:flex;}
.interviewSchedule ul:last-child{margin-bottom:0;}
.interviewSchedule ul li{padding:0 9px;width:33.33%;margin-bottom:18px;}
.interviewSchedule .interviewScheduleBox{padding:16px;border:1px solid var(--text-field-outline-2);border-radius:8px;align-items:center;display:flex;cursor:pointer;position:relative;}
.interviewSchedule .interviewScheduleBox *{-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.interviewScheduleBox .intSchdTime{font-weight:400;font-size:18px;line-height:22px;color:var(--secondary-black);text-align:center;min-width:85px;}
.interviewScheduleBox .intSchdTime p{margin:0;}
.interviewScheduleBox .intSchdTime strong{font-weight:500;font-size:42px;line-height:42px;display:block;}
.interviewScheduleBox .intSchdTime span{display:block;font-weight:500;font-size:9px;line-height:12px;}
.interviewScheduleBox .intSchdTimeInfo{flex:1;font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.interviewScheduleBox .intSchdTimeInfo br{display:inline;}
.interviewScheduleBox .intSchdTimeInfo p{margin-bottom:0;}
.interviewScheduleBox .intSchdTimeInfo span{font-size:12px;line-height:16px;display:block;margin-bottom:8px;color:var(--text-gray);}
.interviewScheduleBox .intSchdBoxAction{margin-left:15px;}
.interviewScheduleBox .intSchdBoxAction .btn{margin:0;font-weight:700;font-size:14px;line-height:18px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:30px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;white-space:nowrap;}
.interviewScheduleBox .intSchdBoxAction .btn:hover{background:var(--secondary-black);color:var(--white);}
.interviewScheduleBox .intSchdBoxAction .btn:disabled{background: var(--rgb-gray-20);color: var(--rgb-overlay-dark-shade-20);cursor:not-allowed;opacity:1;}
.interviewSchedule .interviewScheduleBox.intScheduledBox{min-width:468px;max-width:100%;padding-right:24px;display:inline-flex;margin-bottom:16px;cursor:default;}
.selectInterviewSchedule .interviewScheduleBox{opacity:0.2;}
.selectInterviewSchedule .interviewScheduleBox.select{opacity:1;border-color:var(--brandYellow);}
.selectInterviewSchedule .interviewScheduleBox.select::before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--brandYellow);border-radius:8px;pointer-events:none;}
.interviewTabsWrap .interviewTips{position:relative;padding-left:40px;min-height:32px;font-weight:400;font-size:12px;line-height:18px;color:var(--text-gray);align-items:center;display:flex;}
.interviewTabsWrap .interviewTips img{position:absolute;left:0;top:0;}
.interviewTabsWrap .interviewTips p{margin:0;}
.interviewTabsWrap .interviewTips a{font-weight:500;text-decoration:underline;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.interviewTabsWrap .interviewTips a:hover{text-decoration:none;}
.interviewTabsWrap .interviewScheduleAction{margin-bottom:28px;}
.interviewBody .btn{margin:0;font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:30px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;}
.interviewTabsWrap .interviewScheduleAction .btn:hover{background:var(--secondary-black);color:var(--white);}
.interviewTabsWrap .interviewScheduleAction .btn:disabled{background: var(--rgb-gray-20);color: var(--rgb-overlay-dark-shade-20);cursor:not-allowed;opacity:1;}
.interviewTabsWrap .organisationDetails{font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.interviewTabsWrap .organisationDetails h4{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin:0 0 8px;}
.interviewTabsWrap .organisationDetails p,.organisationDetails .organisationDtlDes{margin-bottom:24px;}
.organisationDtlDes .anc-readmore{display:none;cursor:pointer;}
.organisationDtlDes.hasMoreData .anc-readmore{display:inline-block;}
.organisationDtlDes .clsDescription{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.organisationDtlDes.show-moredesc .clsDescription{display:inline;}
.interviewTabsWrap .organisationDetails p:last-child{margin-bottom:0;}
.interviewTabsWrap .organisationDetails a{font-weight:500;text-decoration:underline;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.interviewTabsWrap .organisationDetails a:hover{text-decoration:none;}
.interviewTabsWrap .interviewerDetail{margin-bottom:24px;}
.interviewTabsWrap .interviewerDetail h3{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);margin:0 0 8px;}
.interviewTabsWrap .interviewerDetail > ul{list-style-type:none;padding:0;margin:0 -9px;flex-wrap:wrap;display:flex;}
.interviewTabsWrap .interviewerDetail > ul:last-child{margin-bottom:0;}
.interviewTabsWrap .interviewerDetail > ul > li{padding:0 9px;width:50%;margin-bottom:18px;}
.interviewTabsWrap .interviewerDetailBox{border:1px solid var(--text-field-outline-2);border-radius:8px;padding:16px;height:100%;}
.interviewTabsWrap .interviewerDetailBox h4{font-weight:500;font-size:14px;line-height:18px;color:var(--secondary-black);margin:0 0 16px;align-items:center;display:flex;}
.interviewTabsWrap .interviewerDetailBox .inLink{margin-left:8px;}
.interviewTabsWrap .interviewerDetailBox .inLink path,.interviewTabsWrap .interviewerDetailBox .inLink rect{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
/* .interviewTabsWrap .interviewerDetailBox .inLink:hover rect{fill:#FFDA30;}
.interviewTabsWrap .interviewerDetailBox .inLink:hover path{fill:#232323;} */
.interviewTabsWrap .interviewerDetailBox ul{margin:0;padding:0;list-style-type:none;}
.interviewTabsWrap .interviewerDetailBox ul li{margin-bottom:16px;}
.interviewTabsWrap .interviewerDetailBox p{margin-bottom:0;}
.interviewTabsWrap .interviewerDetailBox ul li h4{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin-bottom:8px;}
.interviewTabsWrap .interviewerDetailBox ul li:last-child{margin-bottom:0;}
.interviewSchedule .interviewScheduleBox.pastIntScheduledBox{background: var(--rgb-gray-20);border-color:transparent;cursor:default;}
.interviewScheduleBox.pastIntScheduledBox .intSchdTime{color:var(--text-gray);}
.interviewScheduleBox.pastIntScheduledBox .intSchdTimeInfo{color:var(--text-gray);}
/*END Interviews page*/

/*Start Interview Feedbacks page*/
.containSection .semiTitle{font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.interviewTabsWrap .interviewFeedbackBody{padding:24px;}
.intFeedbackBox{padding:24px;border:1px solid var(--bg-secondary);border-radius:8px;margin:0 0 32px;}
.intFeedbackBox ul{align-items:center;row-gap:20px;flex-wrap:wrap;align-items:flex-start;display:flex;}
.intFeedbackBox ul li{margin-right:88px;font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.intFeedbackBox ul li:last-child{margin-right:0;}
.intFeedbackBox h4{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin:0 0 8px;}
.intFeedbackBox ul li p{margin-bottom:0;font-size:inherit;line-height:inherit;}
.intFeedbackBox:last-child{margin-bottom:0;}
.intFeedbackForm .form-group{margin-bottom:40px;}
.intFeedbackForm .form-group label{font-weight:500;font-size:14px;line-height:18px;color:var(--text-gray);margin:0 0 8px;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.intFeedbackForm .form-group .show label{color:var(--secondary-black);}
.intFeedbackForm .dropdown-toggle,.intFeedbackForm .form-group .form-control{font-weight:500;font-size:14px;line-height:20px;text-transform:capitalize;color:var(--secondary-black);background:transparent;box-shadow:none !important;position:relative;border:1px solid var(--text-field-outline-2);border-radius:8px;display:block;width:100%;text-align:left;padding:16px 35px 16px 16px;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;height:auto;min-height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.intFeedbackForm .form-group .form-control:focus{border-color:var(--brandYellow);}
.intFeedbackForm .dropdown-toggle img{width:16px;height:16px;position:absolute;right:13px;top:0;bottom:0;margin:auto;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;opacity:0.5;}
.intFeedbackForm .show .dropdown-toggle img{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:1;}
.intFeedbackForm .dropdown-toggle:after{display:none;}
.intFeedbackForm .show .dropdown-toggle{border-color:var(--brandYellow);}
.intFeedbackForm .show .dropdown-toggle::before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--brandYellow);border-radius:8px;pointer-events:none;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.intFeedbackForm .dropdown-menu{border:1px solid var(--brandYellow);border-radius:8px;padding:0;background:var(--white);top:100% !important;left:0 !important;right:0 !important;width:auto;margin:4px 0 0 0;transform:none !important;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);}
.intFeedbackForm .dropdown-menu .dropdown-item{padding:8px 16px;border:none;font-weight:400;font-size:12px;line-height:16px;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;background:var(--white);box-shadow:none;outline:none;border-radius:0;}
.intFeedbackForm .dropdown-menu .dropdown-item:hover,.intFeedbackForm .dropdown-menu .dropdown-item.select{background:var(--brandYellow);color:var(--secondary-black);font-weight:500;}
.intFeedbackForm .dropdown-menu ul{list-style-type:none;margin:0;padding:0;}
.intFeedbackForm .dropdown-menu ul li{border-bottom:1px solid var(--bg-secondary);}
.intFeedbackForm .dropdown-menu ul li:last-child{border-bottom:none;}
.intFeedbackForm .dropdown-menu ul li:first-child .dropdown-item{padding-top:16px;border-radius:7px 7px 0 0;}
.intFeedbackForm .dropdown-menu ul li:last-child .dropdown-item{padding-bottom:16px;border-radius:0 0 7px 7px;}
.intFeedbackForm .formDragAndDrop.form-group label{margin-bottom:17px;}
.intFeedbackForm .formDragAndDrop.form-group p{font-weight: 400;font-size: 12px;line-height: 15px;color: var(--text-gray);margin-bottom: 24px;}
.intFeedbackForm .formDragAndDrop ul{margin:0;padding:0;list-style-type:none;counter-reset:li;width:280px;}
.intFeedbackForm .formDragAndDrop ul li{margin-bottom:8px;padding-left:20px;position:relative;min-height:40px;}
.intFeedbackForm .formDragAndDrop ul li:last-child{margin-bottom:0;}
.intFeedbackForm .formDragAndDrop ul li:before{content:counter(li)".";counter-increment:li;font-weight:500;font-size:14px;line-height:18px;height:18px;color:var(--text-gray);position:absolute;top:0;bottom:0;left:0;margin:auto;text-align:center;z-index:1;}
.intFeedbackForm .formDragAndDrop .btn{border:1px solid var(--text-field-outline-2);border-radius:8px;font-weight:400;font-size:14px;line-height:20px;color:var(--text-gray);cursor:pointer;padding:9px 18px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;width:100%;align-items:center;display:inline-flex;position:relative;box-shadow:none;outline:none;}
.intFeedbackForm .formDragAndDrop .btn svg{margin-right:16px;}
.intFeedbackForm .formDragAndDrop .btn circle{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.intFeedbackForm .formDragAndDrop .btn.select{border-color:var(--brandYellow);font-weight:500;color:var(--secondary-black);}
.intFeedbackForm .formDragAndDrop .btn.select circle{fill:var(--brandYellow);}
.intFeedbackForm .formDragAndDrop .btn.select::before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--brandYellow);border-radius:8px;pointer-events:none;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.intFeedbackForm .form-group.formSelectPriorityList label{margin-bottom:17px;}
.intFeedbackForm .formSelectPriorityList > ul{margin:0;list-style-type:none;padding:0;width:260px;}
.intFeedbackForm .formSelectPriorityList > ul > li{margin-bottom:8px;}
.intFeedbackForm .formSelectPriorityList > ul > li:last-child{margin-bottom:0;}
.intFeedbackForm .formSelectPriorityList .dropdown-toggle{font-weight:400;color:var(--text-gray);padding-top:9px;padding-bottom:9px;}
.intFeedbackForm .formSelectPriorityList .show .dropdown-toggle{color:var(--secondary-black);}
.intFeedbackFormAction{margin-top:32px;align-items:center;display:flex;}
.intFeedbackFormAction .btn{font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:50px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;cursor:pointer;}
.intFeedbackFormAction .btn:hover{background:var(--secondary-black);color:var(--white);}
.intFeedbackFormAction .btn.discardBtn{background:transparent;color:var(--secondary-black);border-radius:0;text-decoration:underline;padding:0;margin-left:24px;width:auto;}
.intFeedbackFormAction .btn.discardBtn:hover{text-decoration:none;}
.intFeedbackFormAction .btn:disabled {
    background: var(--rgb-gray-20);
    color: var(--rgb-overlay-dark-shade-20);
    cursor: not-allowed;
    opacity: 1;
}
/*END Interview Feedbacks page*/

@keyframes backarrow{
    0% {
        transform: translateY(-7px);
    }
    100% {
        transform: translateY(0);
    }
}

.pageUp.allOpp {
    background: var(--brandYellow);
    background: transparent;
    z-index: 10;
    transition: all 0.5s;    
    text-align: center;
    bottom: 118px;
    right: 24px;
    padding: 0;
    width: 39px;
    height: 39px;
    opacity: 0;
    transform: scale(0);

    svg {
        width: 20px;
        height: 20px;
        animation: backarrow 1.5s linear infinite alternate;
    }

    &::after {
        background: url(https://d233vxkpujhe36.cloudfront.net/images/uplers-shape.svg) no-repeat;
        width: 50px;
        height: 50px;
        content: "";
        position: absolute;
        background-size: 100%;
        transition: all .5s;
        /* transform: scale(.5); */
        z-index: -1;
        left: -10px;
        bottom: -6px;
    }
}

@media screen and (max-width: 767px) {
    .pageUp.allOpp {
        bottom: 16px;
        right: 16px;
        &::after {
            background: url(/images/talent/uplers-shape.svg) no-repeat;
            width: 50px;
            height: 50px;
            content: "";
            position: absolute;
            background-size: 100%;
            transition: all .5s;
            z-index: -1;
            left: -10px;
            bottom: -6px;
        }
    }
}

.pageUp.allOpp.open {
    opacity: 1;
    transform: scale(1);
    &::after{
        /* transform: scale(1); */
        z-index: -1;
    }
}
.pageUp.allOpp:hover {
    svg {
        fill: var(--brandYellow);
    }

    &::after {
        background: url(https://d233vxkpujhe36.cloudfront.net/images/uplers-shape-black.svg) no-repeat;
        background-size: 100%;
        transform: rotate(74deg);
    }
}

/*Common Modal*/
.commonModalWrap .modal-dialog{width:840px;max-width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.commonModalWrap .modal-content{background:var(--white);border-radius:8px;box-shadow:none;border:none;position:relative;}
.commonModalWrap .modalCloseBtn{position:absolute;top:16px;right:16px;cursor:pointer;border:none;box-shadow:none;border-radius:0;padding:0;background:transparent;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;z-index:1;}
.commonModalWrap .modalCloseBtn svg{-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.commonModalWrap .modalCloseBtn svg path{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.commonModalWrap .modalCloseBtn:hover svg{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.commonModalWrap .modalCloseBtn:hover path{stroke:var(--failureRed);}
.commonModalWrap .modal-body{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:var(--secondary-black);padding:56px 24px 24px;}
.commonModalWrap .modal-body p{font-size:inherit;line-height:inherit;margin-bottom:16px;}
.commonModalWrap .modal-body p:last-child{margin-bottom:0;}
/*END Common Modal*/

.commonModalWrap.aggregatorLinkedinModal .modal-dialog{width: 720px;}
.commonModalWrap.aggregatorLinkedinModal .modal-body{
    display: flex;flex-direction: column;text-align: left;gap: 16px;
    .head{
        h6{font-size: 16px;font-weight: 600;line-height: 20px;}
    }
    .form-group{
        display: flex;flex-direction: column;gap: 8px;
        label{color: var(--text-gray);margin: 0;}
    }
}
.commonModalWrap.aggregatorLinkedinModal .bottomAction{
    display: flex;align-items: center;gap: 16px;
    .primaryBtn{margin: 0;}
}

.commonModal .introModal-dialog{width:547px;max-width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.commonModal .introModal{background-color:#202020;border-radius:12px;}
.commonModal .introModal .modal-body{font-size:14px;padding:32px 32px 40px 40px;font-weight: 400;font-size: 14px;text-align: left;
    line-height: 17px;color: var(--bg-secondary);}

.commonModal .introModal .modal-body .head{display: flex;justify-content: space-between;align-items: center;}
.commonModal .introModal .modal-body h3{font-weight: 600;font-size: 22px;line-height: 27px;color: var(--white);margin-bottom: 8px;text-align: left;}
.commonModal .introModal .modal-body p{font-weight: 400;font-size: 14px;line-height: 20px;color: var(--white);}
.commonModal .introModal .modal-body .content{margin-top: 24px;}
.commonModal .introModal .modal-body .modalAction{justify-content: flex-start;margin-top: 40px;}
.commonModal .introModal .modal-body .modalAction .btn{padding: 10px 24px;}
.commonModal .introModal .modal-body .modalAction .btn.modalBackBtn{padding:0;color:var(--text-gray);font-weight: 400;font-size: 14px;line-height: 17px;text-decoration: none;
    text-transform: none;}
.commonModal .introModal .modal-body .modalAction .btn:hover{background-color: var(--white);color: var(--secondary-black);}
.commonModal .introModal .modal-body .modalAction .btn.modalBackBtn:hover{background-color: transparent;color:var(--bg-secondary);text-decoration: underline;}

/*Point of Contact page*/
.pageMainTitle.pointContactTitle{margin-bottom:40px;}
.pointContactBox{border:1px solid var(--bg-secondary);border-radius:8px;}
.pointContactBoxHead{background:var(--bg-secondary);border-radius:8px;padding:16px 24px;align-items:center;display:flex;}
.pointContactBox p{font-size:inherit;line-height:inherit;margin-bottom:16px;}
.pointContactBox p:last-child{margin-bottom:0;}
.pointContactBoxHead .pointContactInfo{flex:1;padding-left:16px;font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.pointContactBoxHead .pointContactImg{width:80px;min-width:80px;border-radius:80px;}
.pointContactBoxHead .pointContactImg img{width:100%;height:100%;border-radius:100px;vertical-align:middle;object-fit:cover;object-position:top center;}
.pointContactBoxHead .pointContactInfo h3{font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);margin:0 0 8px;}
.pointContactBoxBody{padding:24px;font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.pointContactBoxBody ul{margin:30px -9px 0;padding:0;list-style-type:none;row-gap:40px;flex-wrap:wrap;display:flex;}
.pointContactBoxBody ul li{padding:0 9px;width:50%;font-weight:500;font-size:14px;line-height:18px;color:var(--secondary-black);}
.pointContactBoxBody h4{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin:0 0 8px;}
.pointContactBoxBody a{text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;color:var(--secondary-black);}
.pointContactBoxBody a:hover{text-decoration:none;}
.pointContactBoxBody .inLink{color: var(--link-blue);}
/*End Point of Contact page*/

/*Onboarding page*/
.onboardingStepProcess{margin-bottom:24px;}
.onboardingStepProcess.boxStepProcess{border:1px solid var(--bg-secondary);border-radius:8px;padding:24px;}
.onboardingStepProcess h3{font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);margin:0 0 24px;}
.onboardingStepProcess ul{margin:0 -12px;padding:0;list-style-type:none;row-gap:20px;flex-wrap:wrap;display:flex;}
.onboardingStepProcess ul li{padding:0 12px;}
.onboardingProStep{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.onboardProcessBar{width:144px;height:11px;background:var(--bg-secondary);border-radius:30px;margin:0 0 16px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.onboardingStepProcess .active .onboardProcessBar{background:var(--text-field-outline-2);}
.onboardingStepProcess .completed .onboardProcessBar{background: var(--bg-green-light);}
.onboardingStepProcess .active .onboardingProStep{color:var(--secondary-black);font-weight:500;}
.opportunitiesTopSkills h4{margin:auto 0;font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);text-align:left;}
.opportunitiesTopSkills h4 span{font-weight:500;color:var(--secondary-black);}
.onboardingFullDetails{padding-top:24px;font-weight:400;font-size:12px;line-height:18px;color:var(--secondary-black);}
.onboardingStatusBox{border:1px solid var(--bg-secondary);border-radius:8px;padding:24px;position:relative;margin-bottom:0;align-items:center;justify-content:space-between;flex-wrap:wrap;display:flex;}
.onboardingStatusBox:last-child{margin-bottom:0;}
.onboardingFullDetails p{font-size:inherit;line-height:inherit;margin-bottom:24px;}
.onboardingFullDetails p:last-child{margin-bottom:0;}
.onboardingStatusInfo{font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.onboardingStatusInfo h4{font-weight:500;font-size:14px;line-height:18px;color:var(--secondary-black);margin:0 0 8px;}
.onboardingStatusInfo h4:last-child{margin-bottom:0;}
.onboardingStatusInfo p{margin-bottom:0;}
.onboardingStatusBox .btn{font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:50px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;cursor:pointer;}
.onboardingStatusBox .btn:hover{background:var(--secondary-black);color:var(--white);}
.onboardingStatusBox .btn:disabled{background: var(--rgb-gray-20);color: var(--rgb-overlay-dark-shade-20);cursor:not-allowed;opacity:1;}
.tipInfoBox{position:relative;padding-left:40px;min-height:32px;font-weight:400;font-size:12px;line-height:18px;color:var(--text-gray);margin-bottom:16px; align-items:center;display:flex;}
.tipInfoBox:last-child{margin-bottom:0;}
.tipInfoBox img{position:absolute;left:0;top:0;}
.tipInfoBox p{margin:0;font-size:inherit;line-height:inherit;color:inherit;}
.onboardingDetailAction{margin-top:32px;font-weight:700;font-size:18px;line-height:22px;color:var(--secondary-black);}
.onboardingDetailAction a{text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;color:inherit;}
.onboardingDetailAction a:hover{text-decoration:none;}
.onboardingFullDetails .interviewSchedule .interviewScheduleBox.intScheduledBox{min-width:495px;}
.onboardingFullDetails .interviewSchedule .interviewScheduleBox.intScheduledBox:last-child{margin-bottom:0;}
.onboardingDesLessBtn{text-align:right;margin-top:16px;display:none;}
/*END Onboarding page*/

/*Assessments Page*/
.assessmentsWrap.myOpportunitiesTabs .nav-tabs{display:flex;}
.myOpportunitiesTabs.assessmentsWrap .nav-tabs .nav-item .nav-link{min-width:200px;font-size:14px;}
.assessmentProgressWrap{position:relative;padding:24px;border-radius:8px;border:1px solid #EAEAEA;margin:0 0 64px;}
.assessmentProgressWrap h3{font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);margin:0 0 30px;}
.assessmentProgressWrap h4{font-weight:400;font-size:14px;line-height:17px;color:var(--text-gray);margin:16px 0 0;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.assessmentProgressWrap > ul{margin:0 -12px;flex-wrap:wrap;display:flex;}
.assessmentProgressWrap > ul > li{width:33.33%;padding:0 12px;}
.assesProInfoBtn{background:rgba(245,245,245,0.5);width:32px;height:32px;border-radius:50px;border:none;outline:none;padding:0;box-shadow:none;position:absolute;top:19px;right:24px;cursor:pointer;align-items:center;justify-content:center;display:inline-flex;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;z-index:3;}
.assesProInfoBtn:hover {background:var(--brandYellow);}
.assessmentProgressWrap .assesProInfoBtn .popOverText{display:inline-block;width:222px;position:absolute;text-align:center;color:var(--text-gray);font-size:12px;line-height:18px;font-weight:500;background:var(--bg-light-gray-E9);border-radius:8px;top:100%;margin-top:4px;padding:8px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.assessmentProgressWrap .assesProInfoBtn:hover .popOverText{opacity:1;visibility:visible;}
.assessmentProgressWrap .assesStepProBar{background:var(--light-gray);border-radius:30px;height:11px;position:relative;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.assessmentProgressWrap > ul > li.active .assesStepProBar{background:var(--text-field-outline-2);}
.assessmentProgressWrap .active h4{font-weight:500;color:var(--secondary-black);}
.assessmentProgressWrap > ul > li.complete .assesStepProBar{background:var(--bg-green-light);}
.assessmentProgressWrap .active h4{font-weight:500;color:var(--secondary-black);}
.assesStepProBar ul{display:flex;padding-right:4px;}
.assesStepProBar ul li{width:33.33%;position:relative;height:11px;background:var(--light-gray);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.assesStepProBar ul li:first-child{border-radius:30px 0 0 30px;}
.assesStepProBar ul li:last-child{border-radius:0 30px 30px 0;}
.assesStepProBar .techStepNo{background:var(--bg-secondary);width:24px;height:24px;border-radius:30px;font-weight:500;font-size:10px;line-height:12px;color:var(--text-field-outline-2);position:absolute;right:-4px;top:-6px;align-items:center;justify-content:center;display:inline-flex;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;z-index:1;}
.assesStepProBar .techStepNo img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.assesStepProBar ul li.stepComplete{background:var(--bg-green-light);}
.assesStepProBar .stepComplete .techStepNo{background:var(--bg-green-light);font-size:0;}
.assesStepProBar .stepComplete .techStepNo img{opacity:1;visibility:visible;}
.assesStepPopHover{display:inline-block;min-width:222px;position:absolute;text-align:center;color:var(--white);font-size:12px;line-height:18px;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:15px;padding:8px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:nowrap;}
.assesStepPopHover br{display:inline;}
.assesStepProBar:hover .assesStepPopHover{opacity:1;visibility:visible;}
.assesStepPopHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;left:0;right:0;margin:auto;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}
.assessmentsSearch{background:var(--bg-secondary);border-radius:8px;padding:24px;margin-bottom:56px;border:1px solid transparent;position:relative;}
.assessmentsSearch.errorBox{border-color:var(--failureRed);margin-bottom:80px;}
.searchBoxErrorField{font-weight:400;font-size:12px;line-height:16px;color:var(--failureRed);margin:8px 0 0;position:absolute;left:0;top:100%;align-items:center;display:none;}
.searchBoxErrorField img{margin:-1px 8px auto 0;}
.errorBox .searchBoxErrorField{display:inline-flex;}
.assessmentsSearch .form-group{margin:0;position:relative;}
.assessmentsSearch .form-group label{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);margin:0 0 8px;}
.assessmentsSearch .form-group .fieldError{margin:4px 0 0 0;color:var(--failureRed);font-size:12px;line-height:16px;}
.assessmentsSearch h3{font-weight:500;font-size:18px;line-height:22px;color:var(--secondary-black);margin:0 0 16px;}
.assessmentsSearch .assesSearchBtn{border:none;outline:none;border-radius:0;background:transparent;padding:0;margin:0;position:absolute;right:16px;top:50px;z-index:1;}
.assessmentsSearch .form-control{border:1px solid var(--text-field-outline-2);border-radius:8px;height:auto;box-shadow:none;font-weight:500;font-size:14px;line-height:20px;color:var(--secondary-black);padding:13px 48px 13px 16px;margin:0;}
.assessmentsSearch .form-control:focus{border-color:var(--brandYellow);}
.assessmentsSearch .form-control::-webkit-input-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.assessmentsSearch .form-control::-moz-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.assessmentsSearch .form-control:-ms-input-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.assessmentsSearch .form-control:-moz-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.assessmentsSearch .searchSkillList{margin:16px 0 0;}
.becomeEligibleList{border-bottom:1px solid var(--rgb-gray-20);margin-bottom:40px;padding-bottom:8px;}
.becomeEligibleList h3{font-weight:400;font-size:18px;line-height:22px;color:var(--secondary-black);margin:0 0 32px;}
.searchSkillList{gap:8px;margin-bottom:32px;flex-wrap:wrap;align-items:center;display:flex;}
.searchSkillList .searchSkillItem{font-weight:500;font-size:12px;line-height:15px;text-align:center;color:var(--secondary-black);position:relative;padding:6px 32px 6px 14px;border-radius:8px;background:var(--bg-light-yellow);display:inline-block;margin:0;}
.searchSkillList .skillCloseBtn{position:absolute;top:9px;right:14px;border:none;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;font-size:10px;line-height:10px;}
.searchSkillList .skillClearBtn{font-weight:500;font-size:14px;line-height:18px;text-decoration:underline;color: var(--text-gray);border:none;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.searchSkillList .skillClearBtn:hover{color:var(--secondary-black);text-decoration:none;}
.searchSkillList .searchSkillItem span{color:var(--text-gray);font-weight:500;font-size:10px;line-height:11px;display:inline-block;background:var(--white);border-radius:4px;padding:2px 8px;margin-left:8px;vertical-align:middle;}
.recommendedAssessmentList{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);padding-bottom:8px;border-bottom:1px solid var(--rgb-gray-20);margin-bottom:56px;}
.recommendedAssessmentList > h3{font-weight:500;font-size:18px;line-height:20px;color:var(--secondary-black);margin:0 0 8px;align-items:center;justify-content:space-between;display:flex;}
.recommendedAssessmentList > h3 span{font-weight:600;font-size:14px;line-height:17px;color:rgba(107,107,107,0.6);}
.recommendedAssessmentList > h4{font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);margin:0;}
.recommendedAssessmentList p{margin:0 !important;}
.recommendedAssessmentList .assessmentsListingWrap{margin-top:32px;}
.recommendedAssessmentList .assessmentsItem{position:relative;}
.recommendedAssessmentList .assessmentsItemBox.langAssesBoxHover,.opportunitiesTestItem .opportunitiesTestBox.langAssesBoxHover{position:static;}
.recommendedAssessmentList .langAssesBoxHover .assesBoxInfoBtn,.opportunitiesTestItem .langAssesBoxHover .boxInfoBtn{top:9px;right:9px;}
.errorFieldMsg{font-weight:400;font-size:12px;line-height:16px;color:var(--failureRed);margin:-8px 0 32px;align-items:center;display:none;}
.errorFieldMsg img{margin:-1px 8px auto 0;}
.recommendedAssessmentList .errorFieldMsg{display:inline-flex;}
.assessmentsItem .langAssesBoxHover::before,.opportunitiesTestItem .langAssesBoxHover::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:rgba(255,255,255,0.64);z-index:1;}
.allAssessmentsHeader{position:relative;font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);margin-bottom:40px;}
.allAssessmentsHeader h3{font-weight:500;font-size:18px;line-height:20px;color:var(--secondary-black);margin:0 0 8px;}
.allAssessmentsHeader h3:last-child{margin-bottom:0;}
.allAssessmentsHeader p{margin-bottom:0 !important;}
.allAssessmentsHeader .viewMoreDetails{position:absolute;top:-6px;right:0;z-index:1;}
.assessmentsListingWrap > h4{font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);margin:0 0 32px;justify-content:space-between;align-items:center;display:flex;}
.assessmentsListingWrap > h4 span{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);}
.assessmentsListingWrap > ul{margin:0 -9px;padding:0;list-style-type:none;flex-wrap:wrap;display:flex;}
.assessmentsListingWrap > ul > li{width:20%;padding:0 9px;margin-bottom:32px;}
.assessmentsItem h4{font-weight:600;font-size:14px;line-height:18px;color:var(--secondary-black);text-align:center;margin:8px 0 0;}
.assessmentsItem h4 a{text-decoration:underline;color:inherit;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.assessmentsItem h4 a:hover{text-decoration:none;}
.assessmentsItem h4 img{margin-right:8px;}
.assessmentsItemBox{border:1px solid var(--text-field-outline-2);border-radius:8px;padding:24px 16px 16px;text-align:center;position:relative;min-height:140px;}
.assessmentsItemBox .assesBoxInfoBtn,.boxInfoBtn{background:rgba(245,245,245,0.5);width:32px;height:32px;border-radius:50px;border:none;outline:none;padding:0;box-shadow:none;position:absolute;top:8px;right:8px;cursor:pointer;align-items:center;justify-content:center;display:inline-flex;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;z-index:3;}
.boxInfoBtn img{margin:0 !important;width:16px !important;height: 16px !important;}
.assessmentsItemBox .assesBoxInfoBtn:hover,.boxInfoBtn:hover{background:var(--brandYellow);}
.assessment .assessment-box .profileBox .boxInfoBtn.yelloBg:hover{background:var(--brandYellow);}
.assesBoxInfoBtn .assesBoxInfoPopHover,.boxInfoBtn .assesBoxInfoPopHover{display:inline-block;width:204px;position:absolute;text-align:center;color:var(--text-gray);font-size:12px;line-height:18px;font-weight:500;background:var(--bg-light-gray-E9);border-radius:8px;top:100%;margin-top:4px;padding:8px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.assesBoxInfoBtn:hover .assesBoxInfoPopHover,.boxInfoBtn:hover .assesBoxInfoPopHover{opacity:1;visibility:visible;}

.boxInfoBtn .assesBoxDeployedPopHover{display:inline-block;width:303px;position:absolute;text-align:center;color:var(--white);
    font-size:12px;line-height:18px;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:12px;padding:8px 16px;z-index:1;left:50%;
    -webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;
    pointer-events:none;}
.boxInfoBtn .assesBoxDeployedPopHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;left:0;right:0;margin:auto;border-width:0 4px 7px;
    border-color:var(--secondary-black) transparent;border-style:solid;}

.boxInfoBtn:hover .assesBoxDeployedPopHover{opacity:1;visibility:visible;}

.assessmentsItemBox .assesBoxClose{width:16px;height:16px;border-radius:30px;background:var(--bg-secondary);border:none;outline:none;box-shadow:none;padding:0;margin:0;cursor:pointer;position:absolute;top:8px;right:8px;z-index:1;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;align-items:center;justify-content:center;display:inline-flex;}
.assessmentsItemBox .assesBoxClose img{-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;opacity:0.25;}
.assessmentsItemBox .assesBoxClose:hover img{opacity:1;}
.assessmentsItem .assessmentsItemBox h3{font-weight:500;font-size:14px;line-height:18px;color:var(--secondary-black);text-align:center;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.assessmentsItemBox .assesBoxIcon{display:block;}
.assessmentsItemBox .assesBoxIcon img{max-width:24px;max-height:24px;vertical-align:middle;}
.assessmentsItemBox .assesBoxTime{font-weight:400;font-size:12px;line-height:16px;color:var(--text-gray);display:block;text-align:center;margin-top:8px;}
.assessmentsItemBox .assesBoxScore,.assessmentsItemBox .assesBoxInScore{font-weight:500;font-size:12px;line-height:16px;text-align:center;display:block;margin-top:8px;}
.assessmentsItemBox .assesBoxScore{color:var(--successGreen);}
.assessmentsItemBox .assesBoxInScore{color:var(--text-orange);}
.assesIconInfoBox{position:relative;cursor:pointer;flex-direction:column;display:inline-flex;}
.assesIconInfoBox .assesBoxPopHover,.oppoIconInfoBox .oppoBoxPopHover{display:inline-block;position:absolute;font-weight:500;font-size:14px;line-height:17px;text-align:center;color:var(--secondary-black);background:var(--bg-light-gray-E9);border-radius:8px;white-space:nowrap;top:100%;margin-top:8px;padding:8px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.assesIconInfoBox:hover .assesBoxPopHover,.oppoIconInfoBox:hover .oppoBoxPopHover{opacity:1;visibility:visible;}
.assessmentsViewMore{text-align:center;margin-top:8px;}
.assessmentsViewMore .btn{font-weight:700;font-size:14px;line-height:18px;text-transform:capitalize;color:var(--secondary-black);background:transparent;white-space:nowrap;padding:0;border-radius:0;border:none;box-shadow:none;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;align-items:center;display:inline-flex;}
.assessmentsViewMore .btn span{background:rgba(245,245,245,0.5);width:32px;height:32px;border-radius:40px;margin-left:8px;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;align-items:center;justify-content:center;display:inline-flex;}
.assessmentsViewMore .btn:hover{text-decoration:underline;}
.assessmentsViewMore .btn:hover span{color:var(--secondary-black);background:var(--brandYellow);}
.assessmentsFullDetails{padding-top:32px;font-weight:400;font-size:14px;line-height:17px;color:var(--secondary-black);}
.assessmentsFullDetails .assessmentsListingWrap{padding-top:24px;}
.assessmentsFullDetails .assessmentsListingWrap > ul{margin-bottom:-32px;}
.myOpportunitiesTabs.assessmentsWrap .assessmentsFullDetails p{font-size:inherit;line-height:inherit;margin-bottom:0;}
.myOpportunitiesTabs.assessmentsWrap .assessmentsFullDetails p:last-child{margin-bottom:0;}
.assessmentsFullDetails .assessmentsItemBox{min-height:166px;padding-bottom:10px;}
.assessmentsFullDetails .assessmentsItemBox .assesBoxIcon img{height:40px;max-width:40px;max-height:40px;}
.assessmentsItem .assesBoxInfo{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:16px;background:var(--brandYellow);z-index:1;border-radius:8px;font-weight:500;font-size:14px;line-height:20px;color:var(--secondary-black);opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;cursor:default;align-items:center;justify-content:center;flex-direction:column;display:flex;}
.assessmentsItem .assesBoxInfo .attemptLeft{font-size:12px;line-height:16px;color:var(--failureRed);display:block;margin-top:16px;}
.assessmentsItem .assesBoxHover::before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border-radius:8px;background:rgba(255, 255, 255,0.64);z-index:1;}
.assessmentsItem .assesBoxHover:hover .assesBoxInfo{opacity:1;visibility:visible;}
.assessmentsFullDetails .oppItemDesLessBtn{text-align:right;display:none;margin-top:24px;}
.assessmentsItem.assesCompleted h4{color:var(--successGreen);}
.removeSkillModal .modal-dialog,.startSigningModal .modal-dialog{width:812px;}
.commonModalWrap.removeSkillModal .modal-body{padding:56px;font-size:18px;line-height:26px;}
.commonModalWrap.startSigningModal .modal-body{padding:56px 110px;font-size:18px;line-height:26px;}
.removeSkillModal h3,.startSigningModal h3{font-weight:500;font-size:22px;line-height:27px;text-align:center;color: var(--secondary-black);margin:0 0 16px;}
.removeSkillModal .modalAction .btn.modalBackBtn,.startSigningModal .modalAction .btn.modalBackBtn{margin-left:24px;}
/*END Assessments Page*/

/*Assessment Completed Popup*/

.commonModalWrap.assesTestModal .modal-dialog{width:689px;}
/* .commonModalWrap.assesTestModal .modal-dialog{width:586px;} */
.commonModalWrap.assesTestModal .modal-dialog.flexy-width{width:768px;}
.commonModal.assesTestModal .modal-body .historyItem .successScore{font-weight: 400;font-size: 22px;line-height: 27px;color: var(--successGreen);}
.commonModalWrap.assesTestModal .modal-body{padding:40px;font-size:14px;line-height:20px;}
.commonModal.assesTestModal .modal-body h3{font-weight:500;font-size:22px;line-height:27px;color:var(--secondary-black);margin:0 0 16px;}
.commonModal.assesTestModal .assesComTitle{color:var(--successGreen);align-items:center;justify-content:center;display:flex;}
.commonModal.assesTestModal .assesComTitle img{margin-right:16px;}
.commonModal.assesTestModal .assesComTitle.text-brown{color: #A75E09 !important;}

.commonModal.assesTestModal .underReviewHead{display: flex;flex-direction: column;align-items: center;gap:8px;margin-bottom: 24px;}
.commonModal.assesTestModal .underReviewHead .assesComTitle{color: var(--text-orange) !important;margin-bottom: 0;}
.commonModal.assesTestModal .underReviewHead h6{font-size: 12px;font-weight: 400;line-height: 15px;}
.commonModal.assesTestModal .underReviewHead h6 strong{font-weight: 500;}
.commonModal .testScored{font-weight:400;font-size:14px;line-height:17px;color:var(--text-gray);margin:0 0 24px;align-items:center;justify-content:center;display:flex;}
.commonModal .historyItem .testScored{margin-bottom: 0;}
.commonModal .testScored span{font-size:22px;line-height:27px;margin-left:8px;}
.commonModal .testScored.waitingTest{margin: 0;}
.commonModal .testScored.waitingTest span{font-size: 14px;font-weight: 600;line-height: 17px;}
.commonModal .testScored.passTest span{color:var(--successGreen);}
.commonModal .testScored.passTest.text-brown span{color: #A75E09 !important;}
.commonModal .testScored.failTest span{color:var(--failureRed);}
.commonModal .testScored.retestTest span{color:var(--text-orange);}
.commonModal.assesTestModal .linkBtn{font-style:normal;font-weight:700;font-size:14px;line-height:17px;text-decoration:underline;text-transform:uppercase;color:var(--secondary-black);padding:0;border:none;box-shadow:none;outline:none;cursor:pointer;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.commonModal.assesTestModal .linkBtn:hover{text-decoration:none;}
.commonModal.assesTestModal .attmpLeft{font-weight:400;font-size:12px;line-height:15px;text-align:center;color:var(--text-gray);margin-top:8px;}
/*END Assessment Completed Popup*/

/*Skill Info Modal Popup*/
.commonModalWrap.skillInfoModal .modal-dialog{width:712px;}
.commonModalWrap.skillInfoModal .modal-body{text-align:left;padding:40px;padding-top: 56px;font-size: 14px;line-height: 20px;}
.commonModal.skillInfoModal .modalSkillIcon{margin-bottom:16px;}
.commonModal.skillInfoModal .modalSkillIcon img{height:64px;width:auto;max-height:64px;vertical-align:middle;}
.commonModal.skillInfoModal .modal-body h3{font-weight:500;font-size:22px;line-height:27px;color:var(--secondary-black);margin:0 0 16px;text-align:left;}
.commonModal.skillInfoModal .modal-body h4{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);margin:0 0 8px;}
.commonModal.skillInfoModal .timeDurationInfo{font-weight:400;font-size:14px;line-height:17px;color:#00769D;}
.commonModal.skillInfoModal .modal-body .btn{font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:30px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;}
.commonModal.skillInfoModal .modal-body .btn:hover{background:var(--secondary-black);color:var(--white);}
.commonModal.skillInfoModal .modal-body .btn:disabled{cursor: not-allowed;background: var(--rgb-gray-20);color: var(--rgb-overlay-dark-shade-20);opacity: 1;}
.commonModal.skillInfoModal .modal-body .btn:disabled:hover{background: var(--rgb-gray-20);color: var(--rgb-overlay-dark-shade-20);}
.commonModal.skillInfoModal .testNote{font-weight:400;font-size:12px;line-height:15px;color:rgba(107,107,107,0.6);}
.commonModal.skillInfoModal .testNote.testDisabled{color:rgba(107,107,107,1);}
.commonModal.skillInfoModal .attmpLeft{font-weight:400;font-size:14px;line-height:15px;color:var(--text-gray);margin-top:12px;}
.commonModal.skillInfoModal .interviewText{font-weight:400;font-size:14px;line-height:24px;color:var(--text-gray);margin-top:12px;}
.commonModalWrap.skillInfoModal .takeTest{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;
    text-align: left;
}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory{display: flex;gap: 16px;align-items: flex-start;}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory svg{width: 48px;height: 48px;min-width: 48px;}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory .content{display: flex;flex-direction: column;gap: 8px;}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory .content h4{
    font-size: 20px;font-weight: 500;line-height: 24.38px;color: var(--primary-black);
}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory .content .duration{
    font-size: 14px;font-weight: 400;line-height: 17.07px;color:#00769D;
}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory .content .para{
    font-size: 14px;font-weight: 400;line-height: 18px;
}
.commonModalWrap.skillInfoModal .takeTest .ai_nonMandatory .content .para strong{font-weight: 600;}

.commonModalWrap.skillInfoModal .head{display: flex;align-items: center;gap: 16px;position: relative;}
.commonModalWrap.skillInfoModal .head.topHead{flex-direction: column;row-gap: 8px;}
.commonModalWrap.skillInfoModal .head img{height: 64px;width: auto;max-height: 64px;vertical-align: middle;}
.commonModalWrap.skillInfoModal .head .content{display: flex;flex-direction: column;gap: 8px;align-items: flex-start;}
.commonModalWrap.skillInfoModal .head h4{font-size: 22px;font-weight: 500;line-height: 27px;position: relative;}
.commonModalWrap.skillInfoModal .head h4.is_highest{margin-right: 114px;}
.commonModalWrap.skillInfoModal .head .attribs{display: flex;align-items: center;gap: 8px;font-size: 14px;
    font-weight: 400;color: var(--text-gray);flex-wrap: wrap;}
.commonModalWrap.skillInfoModal .head h4 {font-size: 22px;font-weight: 500;line-height: 27px;position: relative;color: var(--secondary-black);margin: 0;}
.commonModalWrap.skillInfoModal .attribs span:first-child{font-weight: 500;}
.commonModalWrap.skillInfoModal .attribs span{position: relative;padding-left: 10px;}
.commonModalWrap.skillInfoModal .attribs span .passingBenchmark{font-weight: 500;color: var(--successGreen);}
.commonModalWrap.skillInfoModal .attribs span.duration{color: #00769D;}
.commonModalWrap.skillInfoModal .attribs span:before{position: absolute;left:0;top:50%;transform:translateY(-50%);content: ' ';width: 4px;
    height:4px;background: var(--text-field-outline-2);border-radius: 4px;}
.commonModalWrap.skillInfoModal .attribs span:first-child{padding-left:0}
.commonModalWrap.skillInfoModal .attribs span:first-child:before{content: '';width: 0;display: none;height:0;}
.commonModalWrap.skillInfoModal .attribs.mobile{display: none;width: 100%;align-items: center;gap: 8px;font-size: 14px;font-weight: 400;color: var(--text-gray);
    flex-wrap: wrap;}
.commonModalWrap.skillInfoModal .highest-level-mark {display: inline-flex;justify-content: center;align-items: center;
    margin-left: 8px;gap: 4px;padding: 4px 6px;border-radius: 27px;border: 1px solid var(--successGreen);width: fit-content;white-space: nowrap;
    position: absolute;top:-8px;left: 100%;}
.commonModalWrap.skillInfoModal .highest-level-mark span {color: var(--successGreen);font-size: 11px;font-weight: 500;
    line-height: normal;}
.commonModalWrap.skillInfoModal .warning{display:inline-flex;padding-top:1rem;
    border-top: 1px solid var(--text-field-outline-2);margin-top: 2.5rem;gap: 0.5rem;}
.commonModalWrap.skillInfoModal .warning svg{min-height:1.5rem;min-width:1.5rem;}
.commonModalWrap.skillInfoModal .warning p{color:var(--text-gray);font-size:0.6875rem;font-weight: 400;line-height: 1rem;}
.commonModalWrap.skillInfoModal .highest-level-info{display: inline-flex;align-items: center;gap:0.25rem;margin: 0.25rem 0;}
.commonModalWrap.skillInfoModal .highest-level-info svg{min-width:1.5rem;min-height:1.5rem;}
.commonModalWrap.skillInfoModal .highest-level-info span{color: var(--text-gray);font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: normal;}

.commonModalWrap.skillInfoModal .head.skillInfo{padding-bottom: 1rem;border-bottom: 1px solid var(--text-field-outline-2);margin-bottom: 1.25rem;}
.skillInfoModal.take-test-modal .head.skillInfo svg{min-width: 3.875rem;}
.commonModalWrap.skillInfoModal .head.skillInfo h5{font-size: 1.5rem;font-weight: 600;line-height: 1.82875rem;color: var(--primary-black);margin-bottom: 0.25rem;}
.commonModalWrap.skillInfoModal .head.skillInfo.topHead h5{margin-bottom: 0;font-weight: 400;}
.commonModalWrap.skillInfoModal .head.skillInfo.topHead h5 strong{font-weight: 600;}
.commonModalWrap.skillInfoModal .head.skillInfo.applied h5{font-weight: 500;}
.commonModalWrap.skillInfoModal .head.skillInfo.applied h5 strong{font-weight: 600;}

.commonModalWrap.skillInfoModal .head.skillInfo.topHead .progresser{width: 25.625rem;max-width: 100%;margin-top: 1rem;padding: 0;}
.commonModalWrap.skillInfoModal .head.skillInfo span{font-size: 0.625rem;font-weight: 400;line-height: 0.8125rem;}
.commonModalWrap.skillInfoModal .head.skillInfo.topHead span{font-size: 0.875rem;line-height: 1.0625rem;color: var(--text-gray);}
.commonModalWrap.skillInfoModal .head.skillInfo span strong{font-weight: 700;color:var(--text-gray);}
.commonModalWrap.skillInfoModal .subhead{margin-bottom: 2.625rem;display: flex;flex-direction: column;align-items: flex-start;gap: 0.5rem;}
.commonModalWrap.skillInfoModal .stepper{width: 100%;display: flex;gap: 1rem;align-items: center;}
.commonModalWrap.skillInfoModal .stepper .bar{width: 100%;height: 0.5rem;outline: 1px solid var(--text-field-outline-2);border-radius: 4px;position: relative;}
.commonModalWrap.skillInfoModal .stepper span{white-space: nowrap;font-size: 0.6875rem;font-weight: 500;line-height: 0.83875rem;color: var(--text-gray);}
.commonModalWrap.skillInfoModal .stepper .bar::before{content: '';position: absolute;top: 0;left: 0;background: var(--successGreen);height: 0.5rem;width: 50%;border-radius: 4px;}
.commonModalWrap.skillInfoModal .stepper.halfway .bar::before{width: 100%;}

.commonModalWrap.skillInfoModal .subhead .editPrevStep{
    display: flex;align-items: center;gap:0.5rem;font-size: 0.75rem;font-weight: 500;line-height: 0.914375rem;color: #113ACA;background: none;border: none;text-decoration: underline;
}
.commonModalWrap.skillInfoModal .subhead .editPrevStep:hover{text-decoration: none;}
.commonModalWrap.skillInfoModal .subhead .editPrevStep svg *{stroke: #113ACA;}

/* Survey Poll start here */
.commanModalPopup.surveyPoll{
    .ReactModal__Content {
        width: 720px;
        max-width: 100%;
        max-height: calc(100vh - 30px);
    }
    .survey-poll-container {
        padding: 18px 24px;
        margin: 0 auto;
        
        .title-header {
            margin: 20px 0 16px 0;
            color: var(--primary-black);

            h2 {
                font-size: 18px;
                font-weight: 700;
            }

            p{
                margin-top: 2px;
                font-size: 12px;
                font-weight: 400;
                line-height: normal;
                color: var(--text-gray);
            }
        }

        .modalCloseBtn {
            background: none;
            border: none;
            cursor: pointer;
            top: 22px;
            right: 22px;
        }

        .survey-poll-options {
            display: flex;
            flex-direction: column;
            gap: 12px;
            
            .poll-option {
                background-color: #e7f1ff;
                padding: 8px 12px;
                border-radius: 8px;
                cursor: pointer;
                transition: background-color 0.2s ease;

                .label {
                    font-size: 12px;
                    font-weight: 600;
                    line-height: 16px;
                    color: var(--primary-black);
                }

                .description {
                    margin-top: 2px;
                    font-size: 10px;
                    font-weight: 400;
                    line-height: 13px;
                    color: var(--text-gray);
                }

                &.selected {
                    box-shadow: rgb(25, 123, 255) 0px 0px 0px 1.5px;
                }
            }

            .poll-option:hover {
                background-color: #d2e5ff;
            }

            .form-group{
                margin: 12px 0 !important;
            }
            
            .form-group.comment-box {
                textarea {
                    font-size: 12px;
                    line-height: normal;
                }
                textarea::placeholder {
                    font-size: 12px;
                    color: var(--text-gray);
                }

                label {
                    margin-bottom: 2px !important;
                    font-size: 12px;
                    font-weight: 600;
                    margin-bottom: 0;
                }
            }

            .sub-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                align-self: end;
                height: 40px;
                width: 120px;
                color: var(--white);
                border-radius: 24px;
                text-decoration: none;
                position: relative;
                padding: 11px 24px;
                border-radius: 40px;
                background-color: #384ad7;
                font-size: 14px;
                line-height: 18px;
                font-weight: 600;
                color: var(--white);
                border: none;
                text-decoration: none;
                text-transform: uppercase;
            }
        }


        .poll-results {
            display: flex;
            flex-direction: column;
            gap: 16px;
            
            .result-item {
                display: flex;
                align-items: center;
                justify-content: space-between;
                
                .result-bar {
                    position: relative;
                    background-color: #e7f1ff;
                    border-radius: 8px;
                    width: 100%;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 12px;
                    overflow: hidden;
                    
                    .fill {
                        background-color: #d2e5ff;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        border-radius: 8px 0 0 8px;
                    }
                    
                    .left {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .label {
                            position: relative;
                            z-index: 1;
                            font-weight: 600;
                            font-size: 14px;
                            line-height: 17px;
                            color: var(--primary-black);
                        }

                        .votes {
                            position: relative;
                            z-index: 1;
                            font-size: 14px;
                            font-weight: 500;
                            line-height: 17px;
                            color: var(--text-gray);
                        }
                    }
                }
                .right.percentage {
                    width: 20%;
                    text-align: right;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 17px;
                    color: var(--primary-black);
                    z-index: 1;
                }
            }
        }

        .votes-count {
            padding: 12px;
            font-size: 13px;
            font-weight: 500;
            text-align: center;
            color: var(--text-gray);
        }
    }

    @media(max-width:768px){

        .ReactModal__Overlay--after-open {
            display: flex;
        }

        .ReactModal__Content {
            max-width: 100%;
        }

        .survey-poll-container{
            padding: 18px;

            .modalCloseBtn {
                top: 18px;
                right: 18px;
            }
            
            .title-header {
                margin: 32px 0 16px 0;

                h2 {
                    font-size: 14px;
                }

                p {
                    font-size: 10px;
                }
            }

            .survey-poll-options .sub-btn {
                align-self: center;
                width: 100%;
                max-width: 300px;
            }

            .poll-results .result-item .result-bar .left .label, 
            .poll-results .result-item .result-bar .left .votes,
            .poll-results .result-item .result-bar .right.percentage {
                font-size: 12px;
            }
        }
    }
}

/* Survey Poll end here */

.vr-already .recordVideoSuccessBox {
    width: 100%;
    height: 383px;
    border-radius: 8px;
    height: fit-content;
    overflow: hidden;
    position: relative;
    margin-top: 24px;
}
.vr-already .recordVideoSuccessBox .videoSuccessPaused{padding: 24px !important;}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.paused{background-color: rgb(0, 0, 0, 0.4);}
.vr-already .recordVideoSuccessBox .videoSuccessPaused h3 {
    font-size: 22px !important;line-height: 26px !important;font-weight: 600 !important;color: var(--white) !important;text-align: left !important;margin: 0 0 16px !important;
}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay{
   background: linear-gradient(0deg, rgb(0, 0, 0, 0.9) 64%, transparent 100%) no-repeat;
}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay ul.bottomInfo{
    display: flex;align-items: center;gap:8px;color: var(--white);font-size: 12px;font-weight: 300;line-height: 14.63px;flex-wrap: wrap;
}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay ul.bottomInfo li{
    display: flex;align-items: center;gap: 8px;padding-left: 12px;position: relative;
}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay ul.bottomInfo li::before{position: absolute;left: 0;top: 0;content: '|';color: var(--white);}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay ul.bottomInfo li:first-child{padding: 0;}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay ul.bottomInfo li:first-child::before{display: none;}
.vr-already .recordVideoSuccessBox .videoSuccessPaused.firstTimePlay ul.bottomInfo li.text-green{color: #0CB174;font-weight: 500;}
.vr-already .recordVideoSuccessBox .firstTimePlayBtn{
    top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 24px;position: absolute;
    background-color: rgb(0, 0, 0, 0.7);background:  radial-gradient(transparent, var(--primary-dark));
}
.vr-already .visiblityToggle{margin-top: 32px;}
.vr-already .action{display: flex;align-items: flex-start;gap: 24px;margin-top: 48px;flex-wrap: wrap;}
.vr-already .action button{white-space: nowrap;font-weight: 700;}
.vr-already .action .actionNote{display: flex;flex-direction:column;gap: 8px;align-items: flex-start;}
.vr-already .action .actionNote .primaryBtn{margin: 0;}
.replaceVideoHead{display: flex;align-items: flex-start;gap: 16px;}
.replaceVideoHead svg{width: 48px;height: 48px;min-width: 48px;}
.replaceVideoHead h4{font-size: 20px;font-weight: 500;line-height: 26px;text-align: left;}

@media(max-width:991px){
    .vr-already .action{flex-wrap: wrap-reverse;}
}

@media(max-width:767px){
    .commonModalWrap.skillInfoModal .head .attribs{display: none;}
    .commonModalWrap.skillInfoModal .attribs.mobile{display: flex;}
    .commonModalWrap.skillInfoModal .attribs.mobile .oneliner{display: flex;gap: 8px;align-items: center;}
    .commonModalWrap.skillInfoModal .warning{display: none;}
}

@media(max-width:576px){
    .commonModalWrap.skillInfoModal .head img{height: 32px;width: auto;max-height: 32px;}
    .commonModalWrap.skillInfoModal .head h4{font-size: 18px;line-height: 22px;}
    .commonModalWrap.skillInfoModal .head h4.is_highest{margin-right: 100px;}
    .commonModalWrap.skillInfoModal .attribs.mobile{font-size: 11px;line-height: 14px;}
    .commonModalWrap.skillInfoModal .attribs.mobile .oneliner{font-size: 11px;line-height: 14px;}
    .commonModalWrap.skillInfoModal .highest-level-mark span{font-size: 9px;}
    .commonModalWrap.skillInfoModal .primaryBtn{font-size: 14px;padding: 8px 16px;font-weight: 600;}
    .commonModalWrap.skillInfoModal .highest-level-info{margin:16px 0 24px 0;}
    .commonModalWrap.skillInfoModal .highest-level-info span {font-size: 9px;}
    .commonModalWrap.skillInfoModal .highest-level-mark span{font-size: 9px;}
    .replaceVideoHead .content h4{font-size: 18px;font-weight: 500;line-height: 22px;margin-bottom: 0;}
}
@media(max-width:480px){
    .commonModalWrap.skillInfoModal .highest-level-mark{bottom: -24px;top:unset;left: 0;margin-left: 0;}
    .commonModalWrap.skillInfoModal .modal-body{padding-top: 40px;}
    .commonModalWrap.skillInfoModal .head h4.is_highest{margin-right: 0;margin-bottom: 16px;}
    .commonModalWrap.skillInfoModal .highest-level-mark{bottom: -24px;top:unset;left: 0;margin-left: 0;}
    .commonModalWrap.skillInfoModal .attribs > span:last-child{padding-left: 0;}
    .commonModalWrap.skillInfoModal .attribs > span:last-child::before{display: none;}
    .commonModalWrap.skillInfoModal .attribs.mobile {align-items: flex-start;gap: 4px;flex-direction: column;}
}

/*END Skill Info Modal Popup*/

/* Preference update modal  */
.preference-banner{display: flex; justify-content: space-between; align-items: center;min-height: 161px; margin-bottom: 24px; border-radius: 8px;background: var(--bg-light-yellow); padding: 0 32px; position: relative; overflow: hidden; gap: 32px;}
.preference-banner img{position: absolute;width: 119.569px;height: 105.389px;}
.preference-banner .blob1{
    bottom: -16px; left: 263px;
}
.preference-banner .blob2{
    top: -23px; left: 458px;
}
.preference-banner .blob3{
    bottom:-22px; right: 260px;
}
.preference-banner .blob4{
    top:-16px; right: 78px;
}
.preference-banner .blob5{
    bottom:-39.25px; right: -53px;
}
.preference-banner .icon-text-container{
    display: flex;
    align-items: center;
    position: relative;
    gap: 32px;
}

.preference-banner .icon-text-container .search-icon{border-radius: 50%;height: 129px;width: 129px;background-color: #FFE3C2 ;z-index: 1;flex-shrink: 0;position: relative;}
.preference-banner .icon-text-container .search-icon::before{
    content: "🔎";
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.preference-banner .icon-text-container p{margin: 0; max-width: 386px; color: var(--secondary-black);font-size: 18px;font-style: normal;font-weight: 600;line-height: 26px;z-index: 1; flex-shrink: 0;}
.preference-banner button{display: inline-flex;padding: 12px 24px;justify-content: center;align-items: center;gap: 10px;border-radius: 27px;border: 1px solid var(--secondary-black); background: var(--bg-light-yellow);color: var(--secondary-black);text-align: center;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase; flex-shrink: 0;z-index: 1; max-width: 270px;white-space: nowrap;}

/* Preference Modal */
.commonModal.preferenceModal .modal-dialog{width: 908px;}
/* .commonModal.preferenceModal .modal-content{padding:40px;height: 752px;} */
.commonModal.preferenceModal .modal-content{padding:40px;}
.commonModal.preferenceModal .modal-content .modal-head{display: flex; flex-direction: column;margin: 0;padding: 0;}
.commonModal.preferenceModal .modal-content .modal-head h4{
    color: var(--primary-dark);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.commonModal.preferenceModal .modal-content .modal-head hr{
    width: 100%;
    margin: 24px 0 0 0;
    border: none;
    border-bottom: 1px solid var(--text-field-outline-2);
}
.commonModal.preferenceModal .modal-body{
    margin: 0; padding: 0 12px 0 0; overflow-x: hidden;
    /* padding-bottom: 150px; */
    /* border: 1px solid red; */
}

.commonModal.preferenceModal .modal-body::-webkit-scrollbar {width: 6px;}

.commonModal.preferenceModal .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--text-field-outline-2);
    border-radius: 4px;
}
.commonModal.preferenceModal .modal-body::-webkit-scrollbar-track:hover {background-color: #f0f0f0;}

.commonModal.preferenceModal .modal-body form{display: flex; flex-direction: column;align-items: flex-start;justify-content: center; }
.commonModal.preferenceModal .modal-body form .form-group{text-align: left;}
.commonModal.preferenceModal .modal-body form .preference-city{width: 100%;}

.commonModal.preferenceModal .modal-body form .input-label{
    color: var(--secondary-black);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin:32px 0 16px 0;
}
.commonModal.preferenceModal .modal-body form .experience-ctc{display: flex;flex-wrap: wrap;width:100%;gap: 18px;}
.commonModal.preferenceModal .modal-body form .experience-ctc .input-container{flex: 1;text-align: left;min-width: 300px;}


.commonModal.preferenceModal .modal-body form .text-input{border-radius: 8px;
    /* border: 1px solid #CECCCC;  */
    border: none;
    padding: 18px 16px;

    color: var(--secondary-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: 1px solid var(--text-field-outline-2);
    margin: 0 1px 0 2px;
}
.commonModal.preferenceModal .modal-body form .text-input:focus{box-shadow: none;outline: 2px solid #fad330;}
.commonModal.preferenceModal .modal-body form .text-input::placeholder{color: var(--rgb-dark-gray-60);font-size: 14px;font-style: normal;font-weight: 500;}

.commonModal.preferenceModal .modal-body form .radio-options {display: flex;flex-wrap: wrap;gap: 8px;}
.commonModal.preferenceModal .modal-body form .radio-button {
    cursor: pointer;
    border-radius: 27px;
    border: 1px solid var(--text-field-outline-2);
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;

    color: var(--rgb-dark-gray-60);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.commonModal.preferenceModal .modal-body form .radio-button:hover{border: 1px solid var(--secondary-black); color: var(--secondary-black);}
.commonModal.preferenceModal .modal-body form .radio-button.selected {border-color:transparent; background: var(--bg-light-yellow);color: var(--secondary-black);}
.commonModal.preferenceModal .modal-body form .radio-button input {display: none; }
.commonModal.preferenceModal .modal-body form .radio-button:focus {outline: none;}

.commonModal.preferenceModal .modal-body form .form-group .row{gap: 18px; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; margin-left: 5px;}

.commonModal.preferenceModal .modal-body form .row .select-item .react-select__control {
    box-shadow: none;
    border-radius: 8px !important;
    padding: 19px 24px 18px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 250px;
    min-width: 250px;
}

.commonModal.preferenceModal .modal-body form .row .select-item .react-select__single-value{
    color: var(--secondary-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.commonModal.preferenceModal .modal-body form .row .select-item .react-select__placeholder{
    color: var(--rgb-dark-gray-60);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.commonModal.preferenceModal .modal-body form .row .select-item .react-select__indicators{margin-left: 35px;}
.commonModal.preferenceModal .modal-body form .row .select-item .react-select__indicator{padding: 0;}

.commonModal.preferenceModal .modal-body form .form-foot{
    display: flex; gap: 24px; align-items: center; justify-content: center; margin-top: 48px;
}
.commonModal.preferenceModal .modal-body form .form-foot button{
    display: flex;
    width: 98px;
    height: 44px;
    padding: 12px 16px;
    align-items: flex-start;
    border-radius: 27px;
    background: var(--brandYellow);
    color: var(--secondary-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}
.commonModal.preferenceModal .modal-body form .form-foot h5{
    margin: 0;
    padding: 0;
    color: var(--secondary-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    cursor: pointer;
}

.preferenceModal .error{font-size: 11px; margin-top: 6px;}

@media(max-width:1050px){
    .preference-banner, .preference-banner .icon-text-container{ gap:20px}
    .preference-banner .icon-text-container .search-icon{height: 100px;width: 100px}
    .preference-banner .icon-text-container .search-icon::before{font-size: 50px;}
    .preference-banner .icon-text-container p{font-size: 14px;line-height: 15px; max-width: 300px; flex-shrink: 1;}
    .preference-banner button{font-size: 12px;padding: 6px 12px;}

}

@media(max-width:950px){
    .preference-banner{ padding: 0 10px;}
    .preference-banner .icon-text-container .search-icon{height: 80px;width: 80px}
    .preference-banner .icon-text-container .search-icon::before{font-size: 40px;}
    .preference-banner .icon-text-container p{font-size: 14px;line-height: 15px; max-width: 300px; }
    .preference-banner button{font-size: 10px;padding: 6px 12px;}
    .commonModal.preferenceModal .row{flex-direction: column;}
    .commonModal.preferenceModal .modal-body form .row .select-item{width: 100%;}
    .commonModal.preferenceModal .modal-body form .row .select-item .react-select__control {max-width: 100%; margin: 0 10px;}
    .commonModal.preferenceModal .modal-body .form-group{width: 100%;}
}

@media(max-width:630px){
    .commonModal.preferenceModal .modal-body form .text-input{ padding: 12px 8px;}
    .commonModal.preferenceModal .modal-body form .row .select-item .react-select__control{padding: 11px 16px 10px 8px; max-width: 250px;min-width: 250px;}
    .commonModal.preferenceModal .modal-content{padding:15px;}
    .commonModal.preferenceModal .modal-body form .row .select-item .react-select__single-value{font-size: 11px;}
    .commonModal.preferenceModal .modal-body form .row .select-item .react-select__placeholder{font-size: 11px;}
    .commonModal.preferenceModal .modal-body form .radio-button {font-size: 11px;}
    .commonModal.preferenceModal .modal-body form .text-input{font-size: 11px;}
    .commonModal.preferenceModal .modal-body form .text-input::placeholder{font-size: 11px;}
}

@media(max-width:540px){
    .preference-banner{gap:10px}
    .preference-banner .icon-text-container .search-icon{height: 60px;width: 60px}
    .preference-banner .icon-text-container .search-icon::before{font-size: 33px;}
    .preference-banner .icon-text-container p{font-size: 10px;line-height: 15px; width: 100%; }
    .preference-banner button{font-size: 8px;}
}

@media(max-width:350px){
    .preference-banner, .preference-banner .icon-text-container{gap:5px}
    .preference-banner .icon-text-container .search-icon{height: 50px;width: 50px}
    .preference-banner .icon-text-container .search-icon::before{font-size: 25px;}
    .preference-banner p{width: 100%; font-size: 10px;}
    .preference-banner button{font-size: 6px;white-space:pre-wrap; flex-shrink: 1;}
    .commonModal.preferenceModal .modal-body form .text-input{max-width: 260px;}
}



/* End of preference modal  */

/*Start Welcome Modal*/
.commonModalWrap.welcomeToUplersModal .modal-body{padding:56px;color:var(--text-gray);font-size:14px;line-height:20px;}
.welcomeToUplersModal .celebrationIcon{margin-bottom:24px;}
.welcomeToUplersModal .celebrationIcon img{vertical-align:middle;max-width:138px;max-height:138px;}
.welcomeToUplersModal .howShortlistedInfo{margin:24px 0 0;justify-content:center;}
.welcomeToUplersModal .modalAction{margin:40px 0 0;}
.welcomeToUplersModal .modalAction .btn{text-transform:none;}
.welcomeToUplersModal .modalAction .btn.modalBackBtn{margin-left:24px;}
/*END Welcome Modal*/

/*Onboarding Information page*/
.onboardingInfoCard{padding:32px 24px;border:1px solid var(--bg-secondary);border-radius:8px;margin-bottom:24px;font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);}
.onboardingInfoCard p{font-size:inherit;line-height:inherit;color:inherit;margin-bottom:16px;}
.onboardingInfoCard p:last-child{margin-bottom:0;}
.onboardingInfoCard .onboardInfoCardTitle{font-weight:600;font-size:18px;line-height:22px;color:var(--secondary-black);margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--rgb-gray-20);}
.onboardingInfoCard ul{margin:0 -8px;padding:0;list-style-type:none;row-gap:24px;flex-wrap:wrap;display:flex;}
.onboardingInfoCard ul li{padding:0 8px;width:50%;font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);}
.onboardingInfoCard h4{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);margin:0 0 8px;}
.onboardingInfoCard ul li br{display:inline;}
.onboardingInfoCard ul li a{color:#00769D;text-decoration:underline;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.onboardingInfoCard ul li a:hover{color:var(--secondary-black);text-decoration:none;}
.onboardingInfoCard .threeListType li{width:25%;}
.onboardInfoCardAction{margin-top:48px;align-items:center;display:flex;}
.onboardInfoCardAction .btn{font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color:var(--secondary-black);background:var(--brandYellow);border:none;border-radius:50px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;cursor:pointer;}
.onboardInfoCardAction .btn:hover{background:var(--secondary-black);color:var(--white);}
.onboardInfoCardAction .btn.linkBtn{background:transparent;color:var(--secondary-black);border-radius:0;text-decoration:underline;padding:0;margin-left:24px;width:auto;}
.onboardInfoCardAction .btn.linkBtn:hover{text-decoration:none;}
.onboardingInfoCard .downloadPolicy{font-weight:500;font-size:14px;line-height:18px;color:var(--secondary-black);text-decoration:none;outline:none;box-shadow:none;border:none;padding:0;align-items:center;display:inline-flex;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.onboardingInfoCard .downloadPolicy img{margin-right:4px;}
.onboardingInfoCard .downloadPolicy .downloadIcon{background:var(--bg-secondary);width:32px;min-width:32px;height:32px;border-radius:50px;margin-left:19px;align-items:center;justify-content:center;display:inline-flex;-webkit-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.onboardingInfoCard .downloadPolicy .downloadIcon img{margin:0;max-width:100%;max-height:100%;vertical-align:middle;}
.onboardingInfoCard .downloadPolicy:hover{text-decoration:underline;}
.onboardingInfoCard .downloadPolicy:hover .downloadIcon{background:var(--brandYellow);}
.onboardingInfoCard .expTalentItem{font-weight:400;font-size:14px;line-height:24px;color:var(--secondary-black);margin-bottom:24px;}
.onboardingInfoCard .expTalentItem:last-child{margin-bottom:0;}
.onboardingInfoCard .expTalentItem p{font-size:inherit;line-height:inherit;color:inherit;margin:0;}
.expTalentItem .expTalentBox{border:1px solid var(--text-field-outline-2);border-radius:8px;padding:16px;}
.expTalentItem .expTalentBox ul{margin:0;display:block;}
.expTalentItem .expTalentBox ul li{width:100%;padding:0 0 0 20px;font-size:inherit;line-height:inherit;margin:0;font-weight:inherit;color:inherit;position:relative;}
.expTalentItem .expTalentBox ul li:before{content:'';position:absolute;left:6px;top:11px;width:3px;height:3px;-webkit-border-radius:30px;border-radius:30px;background:var(--secondary-black);}
.onboardingInfoCard.impNoteBox{background:var(--bg-secondary);font-weight:400;line-height:20px;}
.impNoteBox .onboardInfoCardTitle{margin-bottom:22px;align-items:center;display:flex;}
.impNoteBox .onboardInfoCardTitle img{margin-right:16px;}
.onboardConcernsInfo{align-items:center;display:flex;}
.onboardConcernsInfo h3{font-weight:500;font-size:14px;line-height:17px;color:var(--secondary-black);margin:0 24px 0 0;}
.onboardConcernsInfo .radiobox + .radiobox{margin-left:32px;}
.onboardConcernsInfo .radiobox{min-height:16px;padding-left:24px;font-weight:400;font-size:12px;line-height:16px;color:var(--secondary-black);}
.onboardConcernsInfo .radiobox .checkmark{border-color:var(--text-field-outline-2);height:16px;width:16px;}
.onboardConcernsInfo .radiobox input{width:16px;height:16px;line-height:16px;}
.onboardConcernsInfo .radiobox .checkmark:after{width:10px;height:10px;}
.onboardingInfoCard .onboardConcernsForm{border-top:1px solid var(--rgb-gray-20);padding-top:32px;margin-top:8px;}
.onboardingInfoCard .onboardConcernsForm ul li{width:33.33%;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n){width:66.66%;}
.onboardConcernsForm .form-group{margin-bottom:0;}
.onboardConcernsForm .form-group .form-control{border:1px solid var(--text-field-outline-2);border-radius:8px;padding:15px 16px;height:auto;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:var(--secondary-black);box-shadow:none;outline:none;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.onboardConcernsForm .form-group textarea.form-control{height:64px;}
.onboardConcernsForm .form-group .form-control::-webkit-input-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.onboardConcernsForm .form-group .form-control::-moz-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.onboardConcernsForm .form-group .form-control:-ms-input-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.onboardConcernsForm .form-group .form-control:-moz-placeholder{color:rgba(107,107,107,0.6);opacity:1;}
.onboardConcernsForm .form-group .form-control:focus{border-color:var(--brandYellow);-webkit-box-shadow:0 0 0 1px var(--brandYellow);box-shadow:0 0 0 1px var(--brandYellow);}
/*END Onboarding Information page*/

/*Start Responsive*/
@media screen and (max-width:1560px){
.ourTalentBox .ourTalentSays{min-height: 111px;}
.opportunitiesNotFound{min-height:364px;}
.allOpportunities .opportunitiesNotFound{min-height:300px;}
.averageRatingSurvey{top:16px;}
.totalContractualBox .totalContractualInfo h4{font-size:40px;line-height:49px;}
.totalContractualBox .totalContractualIcon img{max-width:80px;max-height:80px;}
.totalContractualBox .totalContractualInfo{font-size:13px;}
.yourPointContactBox ul li{margin-right:48px;}
.assessmentProgressWrap .assesProInfoBtn .popOverText{width:180px;padding:8px 10px;}
}
@media screen and (max-width:1440px) {
    .allOpportunities .opportunitiesFilter .oppSortBy.mobile {
        display: flex;
    }
}
@media screen and (max-width:1369px){
.matchedOppFilter .oppSuggested{flex-wrap: wrap;}
.matchedOppFilter .oppSuggested label{margin:16px 8px 8px 0;}
.matchedOppFilter .oppSuggested button{margin: 8px 8px 0 0;}
}
@media screen and (max-width:1280px){
.opportunitiesThankYouWrap h2{font-size:36px;line-height:40px;margin-bottom:30px;}
.pageMainTitle{margin-bottom:40px;}
.pageMainTitle h2{font-size:36px;line-height:40px;}
.pageMainTitle.pointContactTitle{margin-bottom:30px;}
.opportunitiesThankYouWrap ul,.opportunitiesThankYouBox{margin-bottom:30px;}
.opportunitiesThankYouAction{margin-top:24px;}
.opportunitiesThankYouBox.boxFilledError{margin-bottom:55px;}
.jobDesHRId .jobDesHRIdBox{margin-right:24px;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn{margin-left:16px;}
.totalContractualBox .totalContractualIcon img{max-width:64px;max-height:64px;}
.yourPointContactBox ul li{margin-right:36px;}
.onboardProcessBar{width:140px;}
.assessmentsItemBox{padding:24px 10px 10px;}
.assessmentProgressWrap{margin:0 0 48px;}
.assessmentsSearch{margin-bottom:40px;}
.assessmentsSearch.errorBox{margin-bottom:64px;}
.recommendedAssessmentList .assessmentsListingWrap{margin-top:24px;}
.assessmentsListingWrap > ul > li{margin-bottom:24px;}
.errorFieldMsg{margin:0 0 24px;}
.recommendedAssessmentList{margin-bottom:40px;}
.allAssessmentsHeader{margin-bottom:24px;}
.assessmentsListingWrap > h4{margin-bottom:24px;}
.boxInfoBtn .assesBoxInfoPopHover{width:160px;}
.boxInfoBtn .assesBoxDeployedPopHover{width:160px;}
}

@media screen and (max-width:1200px){
.myOpportunitiesTabs .tab-pane{padding-top:24px;}
.myOpportunitiesTabs .tab-pane p{margin-bottom:24px;}
.allOpportunities .opportunitiesFilter .oppSearchBox{width:536px;}
.opportunitiesItem .opportunitiesItemHead,.opportunitiesItem .opportunitiesItemBody{padding:20px;}
.opportunitiesItemHead .opportunitiesHeadLogo{width:90px;height:90px;min-width:90px;margin-right:20px;}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn,.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn{font-size:16px;line-height:20px;}
.opportunitiesItemBody .opportunitiesItemFullDetails{padding-top:20px;}
.opportunitiesItemBody .opportunitiesTestWrap ul li{width:25%;}
.opportunitiesItemBody .opportunitiesTestWrap ul .aow-2{width: 50%;}
.opportunitiesTestItem .opportunitiesTestBox{padding-left:10px;padding-right:10px;}
.opportunitiesItemFullDetails .opportunitiesItemRightDes{padding-left:24px;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes ul{margin-bottom:20px;}
.opportunitiesItemRightDes .oppJobOverview,.opportunitiesItemRightDes .oppJobFeedback{padding:20px;}
.opportunitiesItemRightDes .oppJobOverview ul{row-gap:20px;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{padding:1.25rem;display:block;}
.jobDesHRId .jobDesHRIdBox{margin-right:0;margin-bottom:16px;}
.opportunitiesItem .opportunitiesJobNote{margin:0 0 20px;border-left-width:8px;padding:10px 14px;}
.opportunitiesThankYouBox .opportunitiesThankYouHead{padding:20px;}
.opportunitiesThankYouBox .opportunitiesThankYouBody{padding:16px 20px;}
.interviewSchedule ul li{width:50%;}
.interviewTabsWrap .interviewBody,.interviewTabsWrap .interviewFeedbackBody{padding:20px;}
.interviewTabsWrap .interviewSchedule{margin-bottom:20px;}
.interviewTabsWrap .interviewScheduleAction{margin-bottom:24px;}
.interviewTabsWrap .organisationDetails p{margin-bottom:20px;}
.interviewTabsWrap .opportunitiesItem .opportunitiesItemHead{padding-right:50px;}
.interviewTabsWrap .opportunitiesItemHead .intAccHeadIcon{right:13px;}
.interviewBody .btn{font-size:16px;line-height:20px;}
.interviewTabsWrap .interviewSchedule.pastInterviewSchedule{margin-bottom:2px;}
.intFeedbackBox{padding:20px;margin:0 0 24px;}
.intFeedbackBox ul li{margin-right:48px;}
.intFeedbackForm .form-group{margin-bottom:32px;}
.opportunitiesThankYouAction .btn{font-size:16px;line-height:20px;padding:13px 24px;}
.intFeedbackFormAction{margin-top:24px;}
.intFeedbackFormAction .btn{font-size:16px;line-height:20px;}
.averageRatingSurvey{top:10px;padding-right:16px;}
.welcomeAtUplersWrap{margin-bottom:32px;}
.grayBoxWrap,.ourClientsAndSurvey .grayBoxWrap{margin-bottom:32px;}
.welcomeAtUplers{padding:24px;font-size:16px;line-height:22px;}
.welcomeAtUplers .welcomeAtUplersInfo{padding-left:20px;}
.grayBoxWrapHead{padding:15px 20px;}
.grayBoxWrapBody{padding:24px 20px;}
.simpleStepWrap .simpleStepsItem{padding:16px;}
.simpleStepWrap h3{font-size:16px;line-height:22px;}
.grayBoxWrap .trustedCarousel.owl-carousel .owl-dots,.grayBoxWrap .trustedCarousel .slick-slider .slick-dots{margin-top:24px;}
.ourClientsAndSurvey{margin-bottom:0;}
.ourClientsAndSurvey .grayBoxWrap{height:auto;}
.ourClientsAndSurvey .col-lg-8,.ourClientsAndSurvey .col-lg-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.ourSurveyWrap .grayBoxWrapBody{padding-bottom:20px;}
.totalContractualBox .totalContractualIcon img{max-width:60px;max-height:60px;}
.totalContractualBox .totalContractualInfo{font-size:12px;line-height:16px;}
.totalContractualBox.placementsBox .totalContractualInfo,.totalContractualBox.talentsBox .totalContractualInfo{padding-left:0;}
.pointContactBoxHead{padding:16px 20px;}
.pointContactBoxBody{padding:20px;}
.pointContactBoxBody ul{margin-top:24px;row-gap:24px;}
.yourPointContactBox{padding:24px 16px;}
.yourPointContactBox ul li{margin-right:16px;}
.organisationDtlDes .clsDescription{-webkit-line-clamp:3;}
.onboardingStepProcess.boxStepProcess{padding:20px;}
.onboardingStepProcess ul{margin:0 -7px;}
.onboardingStepProcess ul li{padding:0 7px;}
.onboardProcessBar{width:132px;}
.onboardingFullDetails{padding-top:20px;}
.onboardingStatusBox{padding:20px;}
.onboardingStatusBox .btn{font-size:16px;line-height:20px;}
.onboardingDetailAction{font-size:16px;line-height:20px;}
.assessmentsFullDetails .assessmentsListingWrap > ul{margin-bottom:-24px;}
.assessmentsListingWrap > ul > li{width:25%;margin-bottom:24px;}
.assessmentsSearch{margin-bottom:28px;}
.becomeEligibleList{margin-bottom:30px;padding-bottom:6px;}
.becomeEligibleList h3{font-size:16px;margin:0 0 24px;}
.searchSkillList{margin-bottom:24px;}
.assessmentsViewMore{margin-top:6px;}
.assessmentsFullDetails{padding-top:20px;line-height:20px;}
.assessmentProgressWrap{padding:20px;}
.assessmentsSearch{padding:20px;}
.assesProInfoBtn{top:16px;right:20px;}
.assessmentProgressWrap .assesProInfoBtn .popOverText{-webkit-transform:translateX(-60%);transform:translateX(-60%);}
.onboardingInfoCard{padding:24px 20px;margin-bottom:20px;}
.onboardingInfoCard .onboardInfoCardTitle{margin-bottom:24px;}
.onboardingInfoCard ul{row-gap:20px;}
.onboardingInfoCard .expTalentItem{margin-bottom:20px;}
.onboardingInfoCard .onboardConcernsForm{padding-top:24px;}
.onboardInfoCardAction{margin-top:32px;}
.howShortlistedWrap{padding:20px;}
.allOpportunities .oppoInterestInTitle{margin:0 0 24px;}
.allOpportunities .oppoInterestInTitle.hasContentAbove{padding-top:40px;}
}

@media screen and (max-width:1100px){
.pageMainTitle{margin-bottom:32px;}
.pageMainTitle h2{font-size:32px;line-height:36px;}
.opportunitiesThankYouWrap h2{font-size:32px;line-height:36px;margin-bottom:24px;}
.pageMainTitle.pointContactTitle{margin-bottom:24px;}
/* .allOpportunities .opportunitiesFilter .oppSearchBox .form-control{padding-left:50px;} */
.simpleStepWrap ul li{width:50%;}
.simpleStepWrap .simpleStepsItem{padding:16px;}
.talentsStoriesBox h3{min-height:inherit;}
.totalContractualBox{padding-right:16px;}
.totalContractualWrap ul{margin:0 -7px;}
.totalContractualWrap ul li{padding:0 7px;}
.totalContractualBox.placementsBox .totalContractualIcon,.totalContractualBox.talentsBox .totalContractualIcon{margin-left:10px;}
.totalContractualBox .totalContractualIcon img{max-width:38px;max-height:38px;}
.totalContractualBox .totalContractualInfo{font-size:11px;}
.totalContractualBox .totalContractualInfo h4{font-size:36px;line-height:44px;}
.ourTwoTalentBox{display:block;}
.ourTwoTalentBox .ourTalentBox{width:100%;}
.ourTalentBox + .ourTalentBox{margin-top:24px;}
.yourPointContactBox{padding:20px 16px;}
.yourPointContactBox ul li{margin-right:32px;}
.viewAllFaqs{margin-top:24px;}
.faqsAccordionItem{padding:16px 0;}
.faqsAccHead .faqAccIcon{top:-1px;}
.onboardingStepProcess ul{margin:0 -8px;}
.onboardingStepProcess ul li{padding:0 8px;width:33.33%;}
.onboardProcessBar{width:100%;}
.onboardingInfoCard .threeListType li{width:33.33%;}
.onboardingInfoCard .onboardConcernsForm ul li{width:40%;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n){width:60%;}
}

@media screen and (max-width:1080px){
    .allOpportunities .opportunitiesFilter .oppSearchBox{width:443px;}
}
@media screen and (max-width:1024px){
.opportunitiesItemBody .opportunitiesTestWrap ul li{width:33.33%;}
.opportunitiesItemBody .opportunitiesTestWrap.dummy ul li{width:50%;}
.opportunitiesItemBody .opportunitiesTestWrap ul .aow-2{width: 100%;}
.totalContractualBox .totalContractualIcon img{max-width:54px;max-height:54px;}
.totalContractualBox .totalContractualInfo{font-size:13px;line-height:18px;white-space:normal;}
.assessmentsListingWrap > ul > li{width:33.33%;}
}

@media screen and (max-width:991px){
.ao-walkthrough .aoCompassHover{left:unset;right:4px;-webkit-transform:translateX(8px);transform:translateX(8px);}
.ao-walkthrough .aoCompassHover:before{right:24px;left:unset;margin:unset;}
.allOpportunities .opportunitiesFilter .oppFilterBottom{display: flex;justify-content: space-between;align-items: center;}
.allOpportunities .opportunitiesFilter .oppFilterTop{flex-wrap:wrap;}
.allOpportunities .opportunitiesFilter .oppSortBy{margin-top:0;}
.opportunitiesItem .opportunitiesItemHead{align-items:flex-start;}
.opportunitiesItemHead .opportunitiesHeadLogo{width:70px;height:70px;min-width:70px;margin-right:15px;}
.opportunitiesItemHead .opportunitiesHeadInfoInner{flex-wrap:wrap;align-items:flex-start;}
.opportunitiesItemHead .opportunitiesHeadTitle{margin-bottom:10px;}
.opportunitiesItemHead .opportunitiesHeadTitle:last-child{margin-bottom:0;}
#takenAssessments .opportunitiesItemHead .opportunitiesHeadTitle,.interviewTabsWrap .opportunitiesItemHead .opportunitiesHeadTitle{margin-bottom:0;}
.opportunitiesItemBody .opportunitiesTopSkills{flex-direction:column;text-align:right;align-items: flex-start;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsList{padding-right:0;}
.opportunitiesItemBody .opportunitiesTopSkills .viewMoreDetails{margin-top:20px;}
.opportunitiesItemBody .opportunitiesItemFullDetails{display:block;}
.opportunitiesItemFullDetails .opportunitiesItemRightDes{width:100%;min-width:100%;padding:20px 0 0 0;}
.myOpportunitiesTabs .tab-pane{padding-top:28px;}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link{padding:0 6px 12px;font-size:12px;}
.opportunitiesItemRightDes .oppItemDesLessBtn{display:block;}
.opportunitiesNotFound img{max-width:100px;max-height:100px;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{display:flex;}
.opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn{margin-left:16px;}
.jobDesHRId .jobDesHRIdBox{margin-bottom:0;margin-right:16px;}
.opportunitiesItemBody .opportunitiesItemFullDetails .oppResourcesNotFetch{margin-bottom:20px;}
.dislikeModalWrap .modal-body{font-size:16px;line-height:20px;}
.modalAction .btn{font-size:16px;line-height:20px;}
.allOpportunities .appliedOpportunitiesFilter .opportunitiesFilterInner{flex-wrap:wrap;padding-bottom:10px;}
.opportunitiesFilter.appliedOpportunitiesFilter .oppAdvanceFilter{padding-bottom:10px;padding-right:0;}
.oppAdvanceFilter .oppAdvanceFilterTagsList label:nth-last-child(2){margin-right:16px;}
.allOpportunities .appliedOpportunitiesFilter .opportunitiesFilterInner .oppSortBy{margin-top:0;padding-bottom:10px;}
.opportunitiesThankYouWrap h2{font-size:30px;line-height:36px;}
.pageMainTitle{margin-bottom:24px;}
.pageMainTitle h2{font-size:30px;line-height:36px;}
.opportunitiesThankYouWrap ul,.opportunitiesThankYouBox{margin-bottom:24px;}
.opportunitiesThankYouBox.boxFilledError{margin-bottom:46px;}
.interviewSchedule ul li{width:100%;}
.myOpportunitiesTabs.interviewTabsWrap .nav-tabs .nav-item .nav-link{padding-left:20px;padding-right:20px;}
.interviewTabsWrap .opportunitiesItemHead .opportunitiesHeadInfoInner{gap:10px;}
.interviewTabsWrap .interviewerDetail > ul > li{width:100%;}
.intFeedbackBox ul{margin:0 -9px;}
.intFeedbackBox ul li{margin-right:0;width:50%;padding:0 9px;}
.intFeedbackForm .form-group{margin-bottom:24px;}
.intFeedbackForm .dropdown-toggle,.intFeedbackForm .form-group .form-control{padding-top:12px;padding-bottom:12px;}
.containSection .semiTitle{font-size:13px;}
.intFeedbackForm .form-group label{font-size:13px;}
.welcomeAtUplers{padding:20px;text-align:center;display:block;font-size:14px;line-height:20px;}
.welcomeAtUplers .welcomeAtUplersImg{width:110px;min-width:110px;height:110px;}
.welcomeAtUplers .welcomeAtUplersInfo{padding-left:0;padding-top:20px;}
.simpleStepWrap ul li{width:50%;}
.grayBoxWrapHead h2{font-size:16px;line-height:22px;}
.grayBoxWrap .owl-carousel .owl-dots{margin-top:20px;}
.simpleStepWrap h3{font-size:14px;line-height:20px;}
.trustedCarousel .trustedLogo{justify-content:center;}
.trustedCarousel .trustedLogo img{max-width:100%;}
.talentsStoriesBox h3{min-height:inherit;}
.modalFullVideoBox iframe{height:400px;}
.totalContractualWrap ul li{width:100%;margin-bottom:15px;}
.totalContractualWrap ul li:last-child{margin-bottom:0;}
.totalContractualBox{padding:20px;flex-direction:row-reverse;}
.totalContractualBox .totalContractualIcon{text-align:right;}
.totalContractualBox .totalContractualInfo h4{font-size:38px;line-height:46px;}
.totalContractualBox .totalContractualInfo{font-size:14px;line-height:18px;padding-left:0;white-space:nowrap;}
.totalContractualBox .totalContractualIcon img{max-width:80px;max-height:80px;}
.totalContractualBox.placementsBox,.totalContractualBox.talentsBox{flex-direction:row;}
.pointContactBoxBody ul li{width:100%;}
.onboardingStepProcess h3{margin-bottom:20px;font-size:16px;}
.onboardingStepProcess ul li{width:50%;}
.onboardProcessBar{margin-bottom:12px;}
.onboardingFullDetails .interviewSchedule .interviewScheduleBox.intScheduledBox{min-width:470px;}
.onboardingStatusBox .btn{padding-left:20px;padding-right:20px;}
.onboardingDesLessBtn{display:block;}
.assessmentsFullDetails .oppItemDesLessBtn{margin-top:20px;display:block;}
.assessmentProgressWrap > ul{row-gap:24px;}
.assessmentProgressWrap > ul > li{width:100%;}
.assessmentProgressWrap .assesProInfoBtn .popOverText{-webkit-transform:translateX(-70%);transform:translateX(-70%);}
.assessmentProgressWrap h3{margin:0 0 24px;font-size:16px;line-height:20px;}
.assessmentsSearch h3,.recommendedAssessmentList > h3,.allAssessmentsHeader h3{font-size:16px;line-height:20px;}
.recommendedAssessmentList > h3 span{font-size:13px;line-height:16px;}
.allAssessmentsHeader .viewMoreDetails{font-size:13px;}
.recommendedAssessmentList > h4{font-size:13px;line-height:18px;}
.assessmentsListingWrap > h4{font-size:13px;line-height:18px;}
.assessmentsListingWrap > h4 span{font-size:11px;}
.recommendedAssessmentList{margin-bottom:32px;padding-bottom:4px;}
.errorFieldMsg{margin:-4px 0 22px;}
.assessmentsSearch .assesSearchBtn{top:48px;}
.removeSkillModal h3,.startSigningModal h3{font-size:20px;line-height:24px;}
.commonModalWrap.removeSkillModal .modal-body,.commonModalWrap.startSigningModal .modal-body{font-size:16px;line-height:24px;}
.onboardingInfoCard .onboardInfoCardTitle{font-size:17px;line-height:21px;}
.onboardingInfoCard .threeListType li{width:50%;}
.onboardingInfoCard .onboardConcernsForm ul{row-gap:8px;}
.onboardingInfoCard .onboardConcernsForm ul li{width:100%;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n){width:100%;margin-bottom:12px;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n):last-child{margin-bottom:0;}
.onboardInfoCardAction .btn{font-size:16px;line-height:20px;}
.onboardingInfoCard.devicesPoliciesCard ul li{width:100%;}
.onboardingInfoCard .downloadPolicy .downloadIcon{margin-left:16px;}
.boxInfoBtn .assesBoxInfoPopHover{left:66%;-webkit-transform:translateX(-66%);transform:translateX(-66%);}
.boxInfoBtn .assesBoxDeployedPopHover{left:66%;-webkit-transform:translateX(-66%);transform:translateX(-66%);}
.boxInfoBtn .assesBoxDeployedPopHover:before{left:64%;right:unset;-webkit-transform:translateX(-64%);transform:translateX(-64%);}
.howShortlistedWrap h3{font-size:17px;margin:0 0 20px;}
.howShortlistedWrap ul li{align-items:flex-start;flex-direction:column;}
.allOpportunities .oppoInterestInTitle.hasContentAbove{padding-top:32px;}
}

@media screen and (max-width:800px){
.opportunitiesItemBody .opportunitiesTestWrap ul li{width:50%;}
.interviewSchedule .interviewScheduleBox.intScheduledBox{min-width:inherit;flex-wrap:wrap;}
.interviewScheduleBox.intScheduledBox .intSchdBoxAction{margin:15px 0 0 0;width:100%;padding:0 15px;}
.onboardingFullDetails .interviewSchedule .interviewScheduleBox.intScheduledBox{min-width:inherit;}
.onboardingStatusInfo{width:100%;}
.onboardingStatusBox .btn{margin-top:16px;}
.myOpportunitiesTabs.assessmentsWrap .nav-tabs .nav-item .nav-link{min-width:180px;}
.assessmentsListingWrap > ul > li{width:50%;}
}

@media screen and (max-width:767px){
.myOpportunitiesTabs .tab-pane{padding:24px 0 0;}
.myOpportunitiesTabs .tab-pane p{margin-bottom:24px;}
.opportunitiesNotFound{min-height:264px;}
.myOpportunitiesTabs .nav-tabs{border-bottom:none;overflow-x:auto;}
.myOpportunitiesTabs .nav-tabs .nav-item{border-bottom:2px solid var(--bg-secondary);}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link{padding:0 16px 15px;font-size:14px;}
.allOpportunities .opportunitiesFilter .oppSearchBox .oppSearchIcon{left:14px;top:10px;}
.allOpportunities .opportunitiesFilter .oppSearchBox .form-control{padding:10px 16px 10px 45px;}
.allOpportunities .opportunitiesFilter,.allOpportunities .opportunitiesItem{margin-bottom:24px;}
.allOpportunities .opportunitiesItem.opportunitiesJustFilled{margin-bottom:45px;}
.allOpportunities .opportunitiesFilter .oppSearchBox{width:100%;}
.allOpportunities .opportunitiesFilter .oppSortBy{margin-top:0;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes p{margin-bottom:20px;}
.opportunitiesItemFullDetails .opportunitiesItemLeftDes ul{margin:0 0 20px;}
.opportunitiesItemBody .opportunitiesTestWrap{margin-bottom:2px;}
.opportunitiesItemBody .opportunitiesTestWrap ul{margin-left:-7px;margin-right:-7px;}
.opportunitiesItemBody .opportunitiesTestWrap ul li{width:33.33%;padding:0 7px;}
.opportunitiesItemBody .opportunitiesTestWrap.dummy ul li{width:50%;}
.opportunitiesItemBody .opportunitiesTopSkills .oppTopSkillsTags span{padding:6px 10px;}
.opportunitiesItemHead{display: flex;flex-direction: column;}
.opportunitiesItemHead ul li{margin-top:13px;margin-right:13px;}
.opportunitiesItemHead .opportunitiesHeadInfo{width: 100%;}
.opportunitiesItemHead .opportunitiesHeadInfo ul li{margin-top:13px;margin-right:13px;}
.opportunitiesItemHead .row{flex-wrap:wrap;display:flex;}
.opportunitiesItemHead .row li{position:relative;margin-top:16px;margin-right:16px;font-weight:500;font-size:14px;line-height:12px;color:var(--secondary-black);padding-left:20px;}
.opportunitiesItemHead .row li:last-child{margin-right:0;}
.opportunitiesItemHead .row li img{position:absolute;left:0;top:-1px;}
.opportunitiesItemHead .opportunitiesHeadInfo .innerOppData{display: flex;}
.opportunitiesItemHead .outerOppData{display: none;}
.opportunitiesItemHead .opportunitiesHeadTitle h3{font-size:16px;font-weight: 500;margin:0 0 6px;line-height: 17px;}
.opportunitiesItemHead .opportunitiesHeadTitle{font-size:15px;font-weight: 400;line-height: 17px;}
.allOpportunities .opportunitiesNotFound{min-height:270px;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList::-webkit-scrollbar{width:6px;}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList::-webkit-scrollbar:horizontal{height:6px;}
.opportunitiesItemRightDes .oppItemRightDesAction .itemShareBtn{width:40px;min-width:40px;height:40px;}
.opportunitiesJustFilled .opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{margin-bottom:38px;}
.dislikeModalWrap .modalCloseBtn,.commonModalWrap .modalCloseBtn{top:10px;right:10px;}
.dislikeModalWrap .modal-body,.commonModalWrap .modal-body{padding:50px 24px 24px;font-size:15px;line-height:24px;}
.dislikeModalWrap .modal-body p{margin-bottom:12px;}
.modalAction{margin-top:24px;}
.modalAction .btn{font-size:16px;line-height:20px;padding:13px 24px;}
.opportunitiesThankYouWrap h2,.pageMainTitle h2{font-size:28px;line-height:34px;}
.pageMainTitle{display: none;}
.welcomeAtUplersWrap{margin-bottom:30px;}
.grayBoxWrap,.ourClientsAndSurvey .grayBoxWrap{margin-bottom:30px;}
.welcomeAtUplers{text-align:left;display:flex;}
.welcomeAtUplers .welcomeAtUplersInfo{padding-left:20px;padding-top:0;}
.interviewSchedule ul li{width:50%;}
.interviewTabsWrap .interviewerDetail > ul > li{width:50%;}
.interviewTabsWrap .organisationDetails p{margin-bottom:20px;}
.intFeedbackBox ul li{width:33.33%;}
.totalContractualWrap ul{margin:0 -8px;justify-content:center;}
.totalContractualWrap ul li{padding:0 8px;margin-bottom:16px;}
.talentsStoriesBox h3{min-height:36px;}
.totalContractualBox{flex-direction:row;padding:15px 16px 12px;}
.totalContractualBox .totalContractualIcon{text-align:left;}
.totalContractualBox .totalContractualInfo{font-size:13px;line-height:18px;}
.totalContractualBox .totalContractualIcon img{max-width:80px;max-height:80px;}
.modalFullVideoBox iframe{height:280px;}
.pointContactBoxBody{line-height:20px;}
.pointContactBoxBody ul li{width:50%;line-height:20px;}
.pointContactBoxBody h4{margin:0 0 6px;}
.pointContactBoxHead .pointContactInfo h3{font-size:17px;margin:0 0 6px;}
.pointContactBoxHead .pointContactImg{width:70px;min-width:70px;}
.pointContactBoxHead .pointContactInfo{padding-left:15px;}
.interviewScheduleBox.intScheduledBox .intSchdBoxAction{margin:0;width:auto;}
.onboardingStatusInfo{width:auto;}
.onboardingStatusBox .btn{margin-top:0;}
.onboardingStepProcess ul li{width:33.33%;}
.onboardProcessBar{height:10px;margin:0 0 12px;}
.oppAdvanceFilter .oppAdvanceFilterTagsList label:nth-last-child(2){margin-right:8px;}
.oppAdvanceFilter .oppAdvanceFilterTagsList label{padding:6px 26px 6px 10px;}
.oppAdvanceFilter .oppAdvanceFilterTagsList .tagCloseBtn{right:8px;top:8px;}
.searchSkillList .searchSkillItem{padding:6px 26px 6px 10px;}
.searchSkillList .searchSkillItem span{padding:2px 5px;margin-left:4px;}
.searchSkillList .skillCloseBtn{right:8px;}
.becomeEligibleList h3{margin:0 0 16px;}
.assessmentsListingWrap > ul{margin:0 -7px;}
.assessmentsListingWrap > ul > li{width:33.33%;padding:0 7px;}
.assessmentsViewMore{margin-top:2px;}
.opportunitiesItemRightDes .oppJobOverview ul li{width:33.33%;}
.commonModalWrap.assesTestModal .modal-body,.commonModalWrap.skillInfoModal .modal-body,.commonModalWrap.welcomeToUplersModal .modal-body{padding:44px 20px 24px;}
.assesTestModal h3,.welcomeToUplersModal h3{font-size:20px;line-height:25px;}
.welcomeToUplersModal .celebrationIcon img{max-width:108px;max-height:108px;}
.welcomeToUplersModal .howShortlistedInfo{margin:16px 0 0;}
.welcomeToUplersModal .modalAction{margin:24px 0 0;}
.assesTestModal .assesComTitle img{margin-right:8px;}
.testScored{margin:0 0 20px;}
.testScored span{font-size:20px;line-height:25px;}
.skillInfoModal h3{font-size:20px;line-height:25px;}
.skillInfoModal .modalSkillIcon img{height:54px;max-width:54px;max-height:54px;object-fit: contain;}
.skillInfoModal .modal-body .btn{margin:24px 0 0 0;}
.skillInfoModal .modal-body .btn{font-size:16px;line-height:20px;}
.assessmentProgressWrap{margin:0 0 32px;}
.assessmentsSearch .form-control{font-size:13px;}
.assessmentsSearch.errorBox{margin-bottom:48px;}
.assessmentProgressWrap > ul{margin:0 -8px;}
.assessmentProgressWrap > ul > li{width:33.33%;padding:0 8px;}
.assessmentProgressWrap h4{font-size:13px;line-height:18px;}
.assessmentProgressWrap .assesProInfoBtn .popOverText{-webkit-transform:translateX(-80%);transform:translateX(-80%);}
.searchBoxErrorField img,.errorFieldMsg img{margin-right:6px;}
.commonModalWrap.removeSkillModal .modal-body,.commonModalWrap.startSigningModal .modal-body{padding:40px 24px 24px;font-size:15px;line-height:24px;}
.removeSkillModal h3,.startSigningModal h3{font-size:19px;line-height:25px;}
.assessmentsFullDetails .assessmentsItemBox{min-height:152px;}
.assesIconInfoBox .assesBoxPopHover{white-space:normal;margin-top:4px;min-width:150px;padding:6px 10px;font-size:13px;}
.onboardingInfoCard .threeListType li{width:33.33%;}
.onboardingInfoCard .onboardConcernsForm ul{row-gap:20px;}
.onboardingInfoCard .onboardConcernsForm ul li{width:40%;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n){width:60%;margin-bottom:0;}
.onboardingInfoCard.devicesPoliciesCard ul li{width:50%;}
.howShortlistedWrap{margin-bottom:32px;}
.howShortlistedWrap ul li{align-items:center;flex-direction:row;}
.oppHeadActionTag .oppHeadActionTagHover{padding:8px 12px;}
.opportunitiesHeadAction .oppHeadActionTag:last-child .oppHeadActionTagHover{width:150px;white-space:normal;}
.opportunitiesHeadAction .oppHeadActionTag:last-child .oppHeadActionTagHover br{display:none;}
.allOpportunities .opportunitiesFilter .oppSortBy{display: none;}
.allOpportunities .opportunitiesFilter .oppFilterTop .oppSortBy{display: none;}
/* .allOpportunities .opportunitiesFilter .oppSortBy.mobile {
    display: flex;
} */
}
@media screen and (max-width:670px){
    .opportunitiesItemHead .opportunitiesHeadInfo .innerOppData{display: none;}
    .opportunitiesItemHead .outerOppData{display: flex;}
}
@media screen and (max-width:670px){
.modalFullVideoBox iframe{height:260px;}
.totalContractualWrap ul li{width:100%;}
}

@media screen and (max-width:600px){
.totalContractualWrap ul{margin:0;}
.totalContractualWrap ul li{width:100%;margin-bottom:15px;padding:0;}
.totalContractualBox{min-height:120px;padding:20px;flex-direction:row-reverse;}
.totalContractualBox .totalContractualIcon{text-align:right;}
.totalContractualBox .totalContractualInfo h4{font-size:38px;line-height:46px;}
.totalContractualBox .totalContractualInfo{font-size:14px;line-height:18px;padding-left:0;}
.totalContractualBox .totalContractualIcon img{max-width:80px;max-height:80px;}
.totalContractualBox.placementsBox,.totalContractualBox.talentsBox{flex-direction:row;}
.talentsStoriesBox h3{min-height:inherit;}
}

@media(max-width:575px){
    .simpleStepWrap ul{flex-direction: column;}
    .simpleStepWrap ul li{width: 100%;}
    .opportunitiesItem .opportunitiesItemHead, .opportunitiesItem .opportunitiesItemBody{padding: 16px;}
    .opportunitiesItemHead .opportunitiesHeadInfo{width: 100%;}
    .opportunitiesItemHead .row li{position:relative;margin-top:16px;margin-right:16px;font-weight:500;font-size:10px;line-height:12px;color:var(--secondary-black);padding-left:20px;}
    .opportunitiesItemHead .opportunitiesHeadTitle h3{font-size:14px;font-weight: 500;margin:0 0 6px;line-height: 17px;}
    .opportunitiesItemHead .opportunitiesHeadTitle{font-size:14px;font-weight: 400;line-height: 17px;}
    /* .opportunitiesItemHead .opportunitiesHeadInfo .innerOppData{display: none;}
    .opportunitiesItemHead .outerOppData{display: flex;} */
    .oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn{font-size: 13px;line-height: 16px;}
    .allOpportunities .opportunitiesFilter .oppSortBy label{font-size: 13px;line-height: 16px;}
    .allOpportunities .opportunitiesFilter .oppSortBy .dropdown-toggle{font-size: 13px;line-height: 16px;}
}
@media only screen and (max-width:568px) and (orientation:landscape){
.allOpportunities .opportunitiesFilter .oppSearchBox{width:300px;}
.intFeedbackBox ul li{width:50%;}
.modalFullVideoBox iframe{height:210px;}
.onboardingInfoCard .onboardConcernsForm ul{row-gap:8px;}
.onboardingInfoCard .onboardConcernsForm ul li{width:100%;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n){width:100%;margin-bottom:12px;}
}

@media screen and (max-width:480px){
.opportunitiesNotFound{min-height:300px;font-size:13px;line-height:18px;}
.myOpportunitiesTabs .nav-tabs{white-space:nowrap;}
.myOpportunitiesTabs .nav-tabs .nav-item .nav-link{padding:0 15px 16px;}
.allOpportunities .opportunitiesFilter .searchWithEngagement{width:100%;}
.allOpportunities .opportunitiesFilter .oppFilterBottom{flex-direction: column;gap: 16px;}
.allOpportunities .opportunitiesFilter .oppFilterBottom .mobileFlex{
    display: flex;
}
.allOpportunities .opportunitiesFilter .oppFilterBottom .mobileFlex .oppSortBy{display: flex;}
.allOpportunities .opportunitiesFilter .oppSortBy.mobile {
    display: none;
}
.allOpportunities .opportunitiesFilter .oppSearchBox{width:100%;}
.allOpportunities .opportunitiesFilter .oppFilterTop{margin-bottom:10px;}
.allOpportunities .opportunitiesFilter .oppFilterBottom .oppAdvanceFilter{display: none;}
.allOpportunities .opportunitiesFilter .oppFilterBottom .oppAdvanceFilter.mobileToggleOn{display: flex;}
/* .oppAdvanceFilter .addFiltersMenu{margin:10px 0;} */
.opportunitiesItemHead .opportunitiesHeadLogo{width:56px;height:56px;min-width:50px;margin-right:6px;padding: 4px;}
.opportunitiesItemBody .opportunitiesTestWrap{font-size: 13px;line-height: 18px;}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn{padding:8px 16px;font-size:14px;}
.opportunitiesItemBody .opportunitiesTestWrap ul li{width:50%;}
.opportunitiesTestItem .opportunitiesTestBox{width:100%;height:auto;}
.opportunitiesTestItem .opportunitiesTestBox .opportunitiesTestInfo{padding:13px;font-size:13px;line-height:18px;}
.allOpportunities .opportunitiesNotFound{min-height:300px;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown{left:-1.75rem !important;}
.addFiltersMenu .addFilterMainDropdown .addFilterSubDropdown{max-width:172px;}
.addFilterSubDropdown .checkbox{white-space:normal;}
.opportunitiesNotFound img{max-width:80px;max-height:80px;}
.opportunitiesNotFound br{display:none;}
.opportunitiesItemRightDes .oppJobOverview ul li{width:50%;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{display:block;}
.jobDesHRId .jobDesHRIdBox{margin-right:0;margin-bottom:16px;}
.opportunitiesThankYouWrap h2,.pageMainTitle h2{font-size:26px;line-height:32px;}
.opportunitiesThankYouAction{display:block;text-align:center;}
.opportunitiesThankYouAction .btn.goBackBtn{margin:24px 0 0;}
#goBackModal .modalAction{display:block;text-align:center;}
#goBackModal .modalAction .btn.modalBackBtn{margin:24px 0 0;}
.interviewSchedule ul{margin:0;}
.interviewSchedule ul li{width:100%;padding:0;margin-bottom:16px;}
.interviewTabsWrap .interviewerDetail > ul{margin:0;}
.interviewTabsWrap .interviewerDetail > ul > li{width:100%;padding:0;margin-bottom:16px;}
.interviewTabsWrap .interviewerDetailBox{height:auto;}
.myOpportunitiesTabs.interviewTabsWrap .nav-tabs .nav-item .nav-link{padding-left:14px;padding-right:14px;}
.interviewTabsWrap .interviewSchedule.pastInterviewSchedule{margin-bottom:4px;}
.intFeedbackBox ul li{width:50%;}
.intFeedbackForm .formDragAndDrop ul{width:245px;}
.intFeedbackForm .formSelectPriorityList > ul{width:225px;}
.welcomeAtUplers{text-align:center;display:block;}
.welcomeAtUplers .welcomeAtUplersInfo{padding-left:0;padding-top:20px;}
.modalFullVideoBox iframe{height:280px;}
.grayBoxWrap .talentsCarousel.owl-carousel .owl-dots{margin-top:8px;}
.grayBoxWrap .talentsCarousel.owl-carousel .owl-dots .owl-dot{margin-top:12px;}
.ourTalentBox .ourTalentSays ol li{width:100%;}
.pointContactBoxBody ul{margin-left:0;margin-right:0;}
.pointContactBoxBody ul li{width:100%;padding:0;}
.simpleStepWrap ul li{width:100%;}
.yourPointContactBox ul li{width:100%;margin-right:0;}
.organisationDtlDes .clsDescription{-webkit-line-clamp:4;}
.interviewScheduleBox.intScheduledBox .intSchdBoxAction{margin:15px 0 0;width:100%;}
.onboardingStatusInfo{width:100%;}
.onboardingStatusBox .btn{margin-top:16px;}
.onboardingStepProcess ul li{width:50%;}
.onboardingProStep{font-size:11px;}
.assessmentsListingWrap > ul > li{width:50%;}
.myOpportunitiesTabs.assessmentsWrap .nav-tabs .nav-item .nav-link{min-width:148px;}
#takenAssessments .opportunitiesItemHead .opportunitiesHeadInfoInner{gap:10px;}
.interviewTabsWrap .opportunitiesItem .opportunitiesItemHead{align-items:flex-start;}
.assesTestModal .attmpLeft{margin-top:12px;}
.assessmentProgressWrap > ul{margin:0;}
.assessmentProgressWrap > ul > li{width:100%;padding:0;}
.assessmentProgressWrap h4{font-size:13px;line-height:18px;}
.assessmentsSearch.errorBox{margin-bottom:64px;}
.removeSkillModal .modalAction,.startSigningModal .modalAction{flex-direction:column;}
.removeSkillModal .modalAction .btn.modalBackBtn,.commonModalWrap .modalAction .btn.modalBackBtn{margin-left:0;margin-top:24px;}
.onboardingInfoCard .threeListType li{width:50%;}
.onboardingInfoCard .onboardConcernsForm ul{row-gap:8px;}
.onboardingInfoCard .onboardConcernsForm ul li{width:100%;}
.onboardingInfoCard .onboardConcernsForm ul li:nth-child(2n){width:100%;margin-bottom:12px;}
.onboardConcernsInfo h3{margin-right:16px;}
.onboardConcernsInfo .radiobox + .radiobox{margin-left:24px;}
.onboardInfoCardAction .btn.linkBtn{margin-left:20px;}
.onboardingInfoCard.devicesPoliciesCard ul li,.onboardingInfoCard.leavePolicyCard ul li{width:100%;}
.howShortlistedWrap ul li{align-items:flex-start;flex-direction:column;}
.welcomeToUplersModal .modalAction{flex-direction:column;}
.allOpportunities .oppoInterestInTitle h3{font-size:17px;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId .itemShareBtn + .interestedBtn{margin-left:1.25rem;}
.oppHeadActionTag .oppHeadActionTagHover{width:150px;white-space:normal;}
.oppHeadActionTag .oppHeadActionTagHover br{display:none;}
}

@media screen and (max-width:360px){
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown{left:-2.25rem !important;}
.onboardInfoCardAction .btn{padding:12px 20px;}
.onboardInfoCardAction .btn.linkBtn{margin-left:16px;}
.opportunitiesTestItem .opportunitiesTestBox{min-height:unset;padding: 12px 4px;}
}

@media screen and (max-width:359px){
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown{left:-1.5rem !important;}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li.dropdown{position:relative;}
.addFiltersMenu .addFilterMainDropdown .addFilterSubDropdown{left:73% !important;top:100% !important;margin:3px 0 0 0;}
.opportunitiesItem .opportunitiesItemHead{padding:16px;}
.opportunitiesItem .opportunitiesItemBody{padding:20px 16px;}
.allOpportunities .opportunitiesFilter .opportunitiesFilterInner{padding:16px;}
.opportunitiesItemRightDes .oppJobOverview,.opportunitiesItemRightDes .oppJobFeedback{padding:16px;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId{padding:16px;}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn{padding:9px 13px;font-size:13px;margin-left:10px;}
.opportunitiesItemRightDes .oppJobOverview ul li{width:100%;}
.modalAction{text-align:center;flex-direction:column;}
.modalAction .btn.modalBackBtn{margin:24px 0 0;min-width:inherit;}
.opportunitiesThankYouAction .btn{font-size:15px;padding:13px 20px;}
.intFeedbackBox ul li{width:100%;}
.simpleStepWrap ul{margin:0;}
.simpleStepWrap ul li{width:100%;padding:0;}
.totalContractualBox{padding:15px;}
.totalContractualBox .totalContractualIcon img{max-width:64px;max-height:64px;}
.interviewScheduleBox .intSchdTime{min-width:65px;}
.interviewBody .btn{padding-left:20px;padding-right:20px;}
.interviewScheduleBox.intScheduledBox .intSchdBoxAction{padding:0 10px;}
.onboardingStatusBox .btn{font-size:14px;line-height:18px;}
.assessmentsListingWrap > ul > li{width:100%;}
.myOpportunitiesTabs.assessmentsWrap .nav-tabs .nav-item .nav-link{min-width:inherit;font-size:13px;padding:5px 10px 13px;}
.commonModalWrap.assesTestModal .modal-body,.commonModalWrap.skillInfoModal .modal-body,.commonModalWrap.welcomeToUplersModal .modal-body{padding-left:15px;padding-right:15px;}
.assesTestModal h3,.welcomeToUplersModal h3{font-size:18px;line-height:24px;}
.onboardConcernsForm .onboardInfoCardAction{flex-direction:column;}
.onboardInfoCardAction .btn{padding:12px 24px;}
.onboardConcernsForm .onboardInfoCardAction .btn.linkBtn{margin:20px 0 0;}
.onboardConcernsInfo{flex-wrap:wrap;}
.onboardConcernsInfo h3{margin:0 0 8px;width:100%;}
.onboardingInfoCard ul li,.onboardingInfoCard .threeListType li{width:100%;}
}

@media screen and (max-width:319px){
    .opportunitiesItemBody .opportunitiesTestWrap ul li{width:100%;}
}
/*END Responsive of Opportunities Page*/

/* Currenct filter dropdown */
.currency-dropdown{position: relative;}
.currency-dropdown > button{all:unset;padding:0;border: none;outline:none;font-weight: 500;font-size: 12px;line-height: 15px;text-decoration-line: underline;color: var(--text-gray);}
.currency-dropdown > button svg{width:16px;height:16px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.currency-dropdown > button.open svg{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.currency-dropMenu{position: absolute;top:calc(100% + 7px);left:0px;background: var(--bg-light-yellow);outline: 1px solid var(--brandYellow);border-radius: 8px;z-index: 99999;}
.currency-dropMenu > ul > li{border-bottom: 1px solid var(--text-field-outline-2);padding:8px 24px 8px 8px;cursor: pointer;}.currency-dropMenu > ul > li:last-child{border-bottom: none}

.currency-dropMenu > ul > li:hover{background: var(--brandYellow);}
.currency-dropMenu > ul > li:first-child.select,.currency-dropMenu > ul > li:first-child:hover{border-top-left-radius: 8px;border-top-right-radius: 8px}
.currency-dropMenu > ul > li:last-child.select,.currency-dropMenu > ul > li:last-child:hover{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px}
.currency-dropMenu > ul > li.select {background: var(--brandYellow);}
.currency-dropMenu > ul > li > .buttonText{border: none;outline:none;background:transparent;font-weight: 500;font-size: 12px;line-height: 15px;color: var(--text-gray);}

.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList ul li:has(input:disabled){cursor:not-allowed;background-color: var(--bg-secondary);}
.addFilterMainDropdown .addFilterSubDropdown .addFilterSubCheckList .checkbox:has(>input:disabled){cursor:not-allowed;color:var(--text-field-outline-2)}

.opportunitiesItemHead .opportunitiesHeadLogo .company_intialBg{background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);width:100%;height:100%;position: relative;border-radius: 6px;}

.opportunityList .opportunitiesItem:nth-child(5n-3) .company_intialBg{background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);}
.opportunityList .opportunitiesItem:nth-child(5n-2) .company_intialBg{background: linear-gradient(90deg, #1EA1FF 0%, #60EFFF 100%);}
.opportunityList .opportunitiesItem:nth-child(5n-1) .company_intialBg{background: linear-gradient(90deg, #ED4264 0%, #FFEDBC 100%);}
.opportunityList .opportunitiesItem:nth-child(5n) .company_intialBg{background: linear-gradient(90deg, #1CD8D2 0%, #93EDC7 100%);}
/* .opportunityList .opportunitiesItem:nth-child(5n+1) .company_intialBg{background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);} */

.company_intialBg .company_intial{width:100%;height:100%;position: absolute;top:0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 10;}
.company_intialBg .company_intial h6{font-weight: 500;font-size: 1.5rem;line-height: 1.8125rem;text-align: center;color: var(--white);text-transform: uppercase;}
.opportunitiesItemHead .opportunitiesHeadAction .interestedBtn:disabled, .opportunitiesItemRightDes .oppItemRightDesAction .interestedBtn:disabled{background:var(--rgb-gray-20);color:rgba(35, 35, 35, 0.2);cursor:not-allowed;opacity:1;}

.loadMoreBtn{font-weight:700;font-size:14px;line-height:18px;color:var(--secondary-black);border: none;padding:16px 32px;background: var(--brandYellow);position: relative;overflow: hidden;border-radius: 8px;}
.loadMoreBtn:before {content: '';position: absolute;width: 100px;height: 100%;background-image: linear-gradient(120deg,rgba(255,255,255, 0) 30%,rgba(255,255,255, .8),rgba(255,255,255, 0) 70%);top: 0;left: -100px;animation: shine 3s infinite linear; /* Animation */}

.infoIcon img{position:relative !important;left:unset !important;top:unset !important;}
.infoIcon{padding:0 4px;display:inline-flex;vertical-align:middle;cursor:default;position:relative;}
.infoIcon .infoIconHover{display:inline-block;width:190px;position:absolute;left:unset;right:-24px;-webkit-transform:translateX(24px);transform:translateX(24px);text-align:left;color:var(--white);font-size:12px;line-height:16px;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:14px;padding:12px 16px;z-index:4;opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:break-spaces;}
.infoIcon:hover .infoIconHover{opacity:1;visibility:visible;}
.infoIcon .infoIconHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;right:32px;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}
.infoIcon .infoIconHover:before{right:0;left:unset;margin:0 56px 0 0}
@media(max-width:991px) {
    .infoIcon .infoIconHover{z-index:1;left: unset;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);}
    .infoIcon .infoIconHover:before{right:0;left:0;margin:auto}
}
@media(max-width:480px) {
    .infoIcon .infoIconHover{max-width: 70vw;z-index:1;left:-24px;right:unset;-webkit-transform:translateX(-24px);transform:translateX(-24px);}
    .infoIcon .infoIconHover:before{right:unset;left:0;margin:0 0 0 56px}
}


.allOppWalkthrouhDiv{
    width:100% !important;
    max-width: 90vw !important;
    z-index: 1000;
    border: none;
    padding: 32px 32px 24px 16px;
    border-radius: 8px !important;
    background-color: var(--secondary-black);
    color: var(--bg-secondary);
    position: relative;
}
.allOppWalkthrouhDiv .closeBtn{
    position: absolute;
    top:8px;
    right: 8px;
    color:var(--bg-secondary);
    background: transparent;
    border: none;
    outline: none;
}
.allOppWalkthrouhDiv h4{
    text-align: left !important;
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-black);
    margin-bottom: 24px;
    line-height: 24px;
}
.allOppWalkthrouhDiv p{
    text-align: left !important;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.allOppWalkthrouhDiv .actionDiv{
    margin-top: 24px;
    display: flex;
    align-items: center;
}
.allOppWalkthrouhDiv .actionDiv .currentStep{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: var(--text-field-outline-2);
    opacity: 0.6;
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.allOppWalkthrouhDiv .actionDiv button{
    border: none;
    outline:none;
    padding:10px 24px;
}
.allOppWalkthrouhDiv .actionDiv button.next{
    background-color: var(--brandYellow);
    color: var(--primary-dark);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    border-radius: 27px;
}
.allOppWalkthrouhDiv .actionDiv button.skip{
    background: transparent;
    color: #a1a1a1;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}
.allOppWalkthrouhDiv .actionDiv button.explore{
    background: transparent;
    color: var(--secondary-black);
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: underline;
}
.allOppWalkthrouhDiv .actionDiv button.back{
    background-color: transparent;
    color: #a1a1a1;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    border-radius: 27px;
    padding: 0;
    margin-right: 24px;
}
.allOppWalkthrouhDiv button.arrowBack{
    background-color: transparent;
    padding: 0;
    color: #a1a1a1;
    position: absolute;
    top:8px;
    left:8px;
    border: none;
}
.allOppWalkthrouhDiv .rocketIcon{
    position: absolute;
    top:-36px;
    right: -30px;
    width: 96px;
    height: 96px;
}
.allOppWalkthrouhDiv .iconHundred{
    width: 64px;
    height: 64px;
}

.allOppWalkthrouhDiv .rocketIconPadding{
    padding-right: 80px;
}
.customBeacon{
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    color: rgb(85, 85, 85);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 8px;
    appearance: none;
    display: inline-block;
    height: 36px;
    position: relative;
    width: 36px;
    z-index: 100;
}
@media(max-width:1280px){
    .allOppWalkthrouhDiv{
        /* width:720px !important; */
        padding: 32px;
    }
    .allOppWalkthrouhDiv h4{
        font-size: 16px;
        margin-bottom: 16px;
        line-height: 16px;
    }
    .allOppWalkthrouhDiv .rocketIcon{
        position: absolute;
        top:-20px;
        right: -16px;
        width: 80px;
        height: 80px;
    }
    .allOppWalkthrouhDiv .iconHundred{
        width: 48px;
        height: 48px;
    }
    .allOppWalkthrouhDiv .magicWandIcon{
        width: 28px;
        height: 28px;
    }
    .allOppWalkthrouhDiv p{
        font-size: 12px;
        line-height: 18px;
    }
    .allOppWalkthrouhDiv .actionDiv {
        margin-top: 16px;
    }
}

@media(max-width:1023px){
    .allOppWalkthrouhDiv{
        max-width:520px !important;
    }
}
@media(max-width:767px){
    .opportunitiesTestItem .opportunitiesTestBox img{
        width:32px;height: 32px;
    }
    .allOppWalkthrouhDiv{
        padding: 16px;
        max-width:90vw !important;
    }
    .commonModal .introModal .modal-body{padding:24px 16px;color: var(--bg-secondary);}
    .commonModal .introModal .modal-body p{font-weight: 500;font-size: 11px;text-align: left;line-height: 13px;}
    .commonModal .introModal .modal-body .head h3{font-weight: 600;font-size: 18px;line-height: 22px;}
    .commonModal .introModal .modal-body .head p{font-weight: 300;font-size: 13px;line-height: 16px;}
    .commonModal .introModal .modal-body .head img{width: 64px;height: 64px;object-fit: contain;}
    .commonModal .introModal .modal-body .content img{width: 20px;height: 20px;object-fit: contain;}
    .commonModal .introModal .modal-body .modalAction .btn{padding: 8px 16px;font-weight: 700;font-size: 13px;line-height: 16px;}
    .commonModal .introModal .modal-body .modalAction .btn.modalBackBtn{font-weight: 400;font-size: 13px;line-height: 16px;}
    .allOppWalkthrouhDiv .actionDiv {
        margin-top: 24px;
        display: flex;
        justify-content: space-between;
    }
    .allOppWalkthrouhDiv .actionDiv button{
        padding:8px 16px;
    }
    .allOppWalkthrouhDiv .actionDiv button.next{
        font-weight: 700;
        font-size: 13px;
        line-height: 16px;
    }
    .allOppWalkthrouhDiv .actionDiv button.skip{
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
    }
    .allOppWalkthrouhDiv .actionDiv button.back{
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
    }
}
@keyframes scaleIn {
    from {
      transform: scale(.5, .5);
      opacity: .5;
    }
    to {
      transform: scale(2.5, 2.5);
      opacity: 0;
    }
  }
.circle-pulse{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 16px;
    height: 16px;
    z-index: 9999;
}
.circle-pulse-small{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 16px;
    height: 16px;
    z-index: 9999;
}
.circle-pulse-small::before{
    content: '';
    position: relative;
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: var(--text-orange);
    animation: pulse-ring-small 1.25s ease-in infinite;
}
@keyframes pulse-ring-small {
    0% {
        transform: scale(.22);
    }
    90%, 100% {
        opacity: 0;
    }
  }
@keyframes pulse-ring {
    0% {
      transform: scale(.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }

  @keyframes pulse-dot {
    0% {
      transform: scale(.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(.8);
    }
  }
.circle-pulse::before{
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 50%;
    background: var(--brandYellow);
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.circle-pulse::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--text-orange);
    border-radius: 50%;
    /* box-shadow: 0 0 8px rgba(0,0,0,.3); */
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}




/* Single Opportunity Start */

.singleOpportunity .oppHeadContainer{margin-bottom: 2rem;}
.singleOpportunity.isOppDisabled{position: relative;opacity: 0.54;}

.single-opp-mobile.isOppDisabled{position: relative;opacity: 0.54;}
.wrapper.sidebarCollapsed .singleOpportunity.isOppDisabled{opacity: 1;}
.wrapper.sidebarCollapsed .singleOpportunity.isOppDisabled::after{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: rgba(255, 255, 255, 0.54);z-index: 101;
}
.aboutTheCompanySec.isOppDisabled{opacity: 0.64;pointer-events: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.singleOpportunity.isOppDisabled .oppHeadAction {
    .bookmarkBtn.saved{z-index: 102;}
} 


.singleOpportunity .oppHeadContainer .aboutVideoHead{display: none;align-items: center;gap: 8px;margin-bottom: 16px;
    font-size: 12px;font-weight: 500;line-height: 15px;color: var(--text-gray);cursor: pointer;position: relative;}
.singleOpportunity .oppHeadContainer .aboutVideoHead .playIcon{position: relative;}
.singleOpportunity .oppHeadContainer .aboutVideoHead .playIcon .playIconHover{display:inline-block;width:338px;position:absolute;text-align:left;color:var(--white);font-size:12px;line-height:16px;
    font-weight:500;background:var(--secondary-black);border-radius:8px;bottom:100%;margin-bottom:8px;padding:12px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);
    transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:break-spaces;
}
.singleOpportunity .oppHeadContainer .aboutVideoHead:hover .playIcon .playIconHover{opacity:1;visibility:visible;}
.singleOpportunity .oppHeadContainer .aboutVideoHead .playIcon .playIconHover:before{content:'';width:16px;height:9px;display:inline-block;position:absolute;bottom:-6px;left:0;right:0;margin-inline: auto;border-width:9px 9px 0;
    border-color:var(--secondary-black) transparent;border-style:solid;}

@media(max-width:575px) {
    .singleOpportunity .oppHeadContainer .aboutVideoHead .playIconHover{max-width: 70vw;z-index:1;font-size: 10px !important;}
    .singleOpportunity .oppHeadContainer .aboutVideoHead .playIcon:hover .playIconHover{opacity:1;visibility:visible;}
    /* .opportunitiesItem .opportunitiesItemHead.showVideoAbout .opportunitiesHeadAction.allOppAction{margin-top: unset;} */
    .aboutVideoHead .playIcon .playIconHover{font-size: 10px;}
    .opportunitiesItem .opportunitiesItemHead.showVideoAbout .aboutVideoHead .playIcon{position: unset;}
    .singleOpportunity .oppHeadContainer .aboutVideoHead .playIcon{position: unset;}
    .modal-body.profileImp.hrVideoCompanyAbout{padding: 56px 16px 16px;}

}



.singleOpportunity .oppHead{display: flex;justify-content: space-between;align-items: center;}
.singleOpportunity .oppHead .oppHeadContent{display: flex;align-items: flex-start;flex:1}
.singleOpportunity .oppHead .opportunitiesHeadLogo{
    width:6rem;height:6rem;min-width:6rem;outline:1px solid var(--text-field-outline-2);border-radius:8px;background:var(--white);margin-right:1rem;align-items:center;
    justify-content:center;display:flex;position: relative;padding: 0.375rem;
}
.singleOpportunity .oppHead .opportunitiesHeadLogo .company_intialBg, .aboutTheCompanySec .aboutcompanyList .aboutComLogo .company_intialBg{background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);width:100%;height:100%;position: relative;border-radius: 6px;}

.singleOpportunity .oppHead .opportunitiesHeadLogo img{max-width:100%;max-height:100%;vertical-align:middle;border-radius: 6px;}
.singleOpportunity .oppHead .opportunitiesHeadTitle{font-weight: 400;font-size: 1.375rem;line-height: 1.6875rem;color: var(--text-gray);
    .uplersPartnerBadge svg {
        height: 1.25rem;
        width: 1.25rem;
        min-width: 1.25rem;
    }
}
.singleOpportunity .oppHead .opportunitiesHeadTitle .companyName{display: flex;align-items: center;gap: 1rem;}
.singleOpportunity .oppHead .opportunitiesHeadTitle .companyName .aboutCompanyVideo{display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;font-weight: 500;
    line-height: 1.0625rem;color: var(--secondary-black);position: relative;}
.singleOpportunity .oppHead .opportunitiesHeadTitle .companyName .aboutCompanyVideo span{max-width: 12.75rem;}
.singleOpportunity .oppHead .opportunitiesHeadTitle .companyName .aboutCompanyVideo img.gold-play-gif{height: 5.9375rem;width: auto;position: absolute;right: -5.25rem;
top: 50%;transform: translateY(-50%);cursor: pointer;}
.singleOpportunity .oppHead .opportunitiesHeadTitle p{margin:0;font-size:inherit;line-height:inherit;}
.singleOpportunity .oppHead h3{
    font-weight: 500;font-size: 2.125rem;line-height: 1.6;color:var(--secondary-black);display:inline-block;vertical-align:middle;
    position:relative;margin:0 0 0.5rem;
    
    .uplersPartnerBadge {
        margin-left: 0.25rem;
        vertical-align: text-bottom;
    }
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle h3{
    .uplersPartnerBadge {
        margin-left: 0.25rem;
        vertical-align: text-bottom;
    }
}

.earlyApplicant{
    position: absolute;
    top: -1.5rem;
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    line-height: 1;
    border-radius: 4px;
    background: linear-gradient(147deg, rgba(106, 184, 255, 0.56) -188.84%, rgba(255, 255, 255, 0) 208.93%);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #384AD7;
    left: 0;
    white-space: nowrap;
    font-size: 0.6875rem;
}
.earlyApplicant span:last-child{
    padding-left: 0.75rem;
    position: relative;
    &::before{
        content: '';
        width: 0.25rem;
        height: 0.25rem;
        background: #ABB3EE;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
}
.earlyApplicant span:only-child{
    padding-left: 0;
    &::before{
        all: unset;
        display: none;
    }
}

.singleOpportunity .oppHeadAction{display: flex;align-items: center;gap: 4px;}

.singleOpportunity .oppHeadAction .impression{display: flex;align-items: flex-start;font-weight: 500;font-size: 15px;line-height: 18px;color: var(--text-gray);}
.opportunitiesHeadAction .impression{display: flex;align-items: flex-start;font-weight: 500;font-size: 12px;line-height: 15px;color: var(--text-gray);margin: 8px 0;}
.singleOpportunity .oppHeadAction .impression .number{font-weight: 700;font-size: 16px;line-height: 20px;color: var(--successGreen);}
.opportunitiesHeadAction .impression .number{font-weight: 700;font-size: 14px;line-height: 17px;color: var(--successGreen);}
.opportunitiesHeadAction .impression img{width:22px;height: 16px;}

.singleOpportunity .oppHeadAction .applyBookmark{display: flex;align-items: center;margin-left: 32px;gap: 16px 24px;}
.singleOpportunity .oppHeadAction .aiScoreTag{
    display: flex;
    align-items: center;
    margin-left: 8px;
    width: 227px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
    text-align: center;
    height: 45px;
    border: 2px solid #2665C3;
    justify-content: center;
    border-radius: 5px;
    color: #2665C3;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
/* border: 2px 0px 0px 0px; */

}
.singleOpportunity .oppHeadAction .aiScore{
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    text-align: center;

}

/* @media(max-width : 465x){
    .singleOpportunity .oppHeadAction {
        flex-direction: column;
    }
} */

.bookmarkBtn{border: none;background: transparent;position: relative;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}

.bookmarkBtn:hover svg .container{fill:var(--brandYellow);stroke: var(--brandYellow);opacity: 1;}
.bookmarkBtn:hover svg .content{fill:var(--secondary-black);}

.bookmarkBtn.saved svg .container{fill:unset;stroke: #b0b0b0;opacity: 1;}
.bookmarkBtn.saved svg .content{fill:var(--secondary-black);}
.bookmarkBtn.saved:hover svg .container{fill:unset;stroke: var(--text-gray);opacity: 0.5;}
.bookmarkBtn.saved:hover svg .content{fill:unset;}

.bookmarkBtn .bookmarkBtnHover{display:inline-block;width:auto;position:absolute;text-align:center;color:var(--white);font-size:12px;
    line-height:15px;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:8px;padding:8px;z-index:1;left:50%;-webkit-transform:translateX(-50%);
    transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:nowrap;}
.bookmarkBtn:hover .bookmarkBtnHover{opacity:1;visibility:visible;}

.bookmarkBtn.allOppBookmark{margin-left: 8px;}
.bookmarkBtn.allOppBookmark svg{width:36px;height: 29.45px;}

.singleOpportunity .oppHeadAction .applyBtn{border: none;background: var(--brandYellow);width: 110px;height: 46px;border-radius: 27px;font-weight: 700;font-size: 18px;
    line-height: 22px;text-align: center;text-transform: uppercase;color: var(--secondary-black);margin-left: 16px;}
.singleOpportunity .oppHeadAction .applyBtn:hover{background-color: #202020;color: var(--white);}


.singleOpportunity .actionBtn{position: relative;}
.singleOpportunity .actionBtn:hover .actionBtnHover{opacity:1;visibility:visible;}

.singleOpportunity .actionBtn .actionBtnHover{display:inline-block;width:202px;position:absolute;text-align:center;text-transform: none;color:var(--white);font-size:12px;line-height:16px;font-weight:500;background: var(--secondary-black);border-radius:8px;top:100%;margin-top:14px;padding:8px 16px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;white-space:normal;}
.singleOpportunity .actionBtn .actionBtnHover br{display:inline;}
.singleOpportunity .actionBtn .actionBtnHover:before{content:'';width:9px;height:7px;display:inline-block;position:absolute;top:-6px;left:0;right:0;margin:auto;border-width:0 4px 7px;border-color: var(--secondary-black) transparent;border-style:solid;}
.singleOpportunity .oppHeadAction .interestedBtn{margin-left:16px;font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;color: var(--secondary-black);background:var(--brandYellow);border:none;border-radius:30px;display:inline-block;padding:12px 24px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;}
.singleOpportunity .oppHeadAction .interestedBtn:hover{background: var(--secondary-black);color:var(--white);}
.singleOpportunity .oppHeadAction .interestedBtn:first-child{margin-left:0;}
.singleOpportunity .oppHeadAction .interestedBtn:disabled{background:var(--rgb-gray-20);color:rgba(35, 35, 35, 0.2);cursor:not-allowed;opacity:1;}


.singleOpportunity .oppHeadAction .oppHeadActionTag{margin-left:16px;padding:4px 8px;font-weight:500;font-size:12px;line-height:15px;color:#B76038;background:#FFE8CC;
    border-radius:4px;display:inline-block;vertical-align:middle;cursor:default;position:relative;}
.singleOpportunity .oppHeadActionTag .oppHeadActionTagHover{width:200px;left: unset;right:0;-webkit-transform:translateX(8px);transform:translateX(8px);
    pointer-events:none;white-space:break-spaces;}
.singleOpportunity .oppHeadActionTag .oppHeadActionTagHover br{display:inline;}
.singleOpportunity .oppHeadActionTag:hover .oppHeadActionTagHover{opacity:1;visibility:visible;}
.singleOpportunity .oppHeadActionTag .oppHeadActionTagHover:before{right:-64px;left:0;margin:auto;}

.singleOpportunity .oppHeadAction .oppHeadActionTag.unqualifiedTag{background:#F9E9E9;color:#981212;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppUnderReview{background:#FFE0CE;color:#FF6B00;}

.singleOpportunity .oppHeadAction .oppHeadActionTag.oppInfoTag{background:#F4DFE9;color:#F52887;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppPrimaryTag{background:#D5D5FE;color:#1313AC;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppSuccessTag{background:#DEEBD5;color:#346F0F;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppLightTag{background:#DFEBEB;color:#033E3E;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppDangerTag{background:#FEDADA;color:#C80000;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.unqualifiedTag{background:#F9E9E9;color:#981212;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppSecondaryTag{background:#EAD9C8;color:#CD7F32;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppSlotTag{background:#FFE3C2;color:#D6780A;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.onHoldTag{background:var(--light-gray);color:var(--text-gray);}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppPipelineTag{background:#AFDBFB;color:#144454;}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppCancelledTag{background:#DBDBDB;color:var(--text-gray);}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppHiredTag{background:#C1F4C6;color:var(--successGreen);}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppRejectedTag{background:#FBC4C4;color:var(--errorRed);}
.singleOpportunity .oppHeadAction .oppHeadActionTag.oppUnderReview{background:#FFE0CE;color:#FF6B00;}

.singleOpportunity .oppAttributes{background: linear-gradient(178.63deg, rgb(255, 218, 48, 0.32) -17.66%, rgba(255, 227, 194, 0) 124.58%);border-radius: 8px;
    padding: 1rem 1.5rem;margin-top:1.75rem;}
.singleOpportunity .oppAttributesParent.insideLeftSection .oppAttributes{margin-top: 0;}
.singleOpportunity .oppAttributesParent .oppAttributes{margin-bottom: 0.5rem;}
.singleOpportunity .oppAttributesParent .hybridFrequency{
    display: flex;align-items: flex-start;color: var(--primary-navy);background: #E0EBF6;padding: 6px 12px;border-radius: 27px;gap: 8px;
    width: fit-content;font-size: 12px;font-weight: 500;line-height: 14.63px;text-align: left;
}
.singleOpportunity .oppAttributesParent  .hybridFrequency > span{display: flex;align-items: center;gap: 4px;color: inherit;flex-wrap: wrap;min-height: 16px;}
.singleOpportunity .oppAttributesParent  .hybridFrequency svg *{stroke: var(--primary-navy);stroke-width: 1.5px;}
.singleOpportunity .oppAttributesParent.insideLeftSection{margin:0 0 1.75rem;}
.wrapper .singleOpportunity .oppAttributesParent.insideLeftSection{display: none;}
/* .wrapper.sidebarCollapsed .singleOpportunity .oppAttributesParent.insideLeftSection{display: none;} */
/* .wrapper:not(.sidebarCollapsed) .singleOpportunity .oppAttributesParent{display: none;} */
/* .wrapper:not(.sidebarCollapsed) .singleOpportunity .oppAttributesParent.insideLeftSection{display: block;} */

.public-wrapper .singleOpportunity .oppAttributesParent{display: block;}
.public-wrapper .singleOpportunity .oppAttributesParent.insideLeftSection{display: none;}

.singleOpportunity .oppStatMsg.insideLeftSection{display: none;}
.wrapper:not(.sidebarCollapsed) .singleOpportunity .oppStatMsg{display: none;}
/* .wrapper:not(.sidebarCollapsed) .singleOpportunity .oppStatMsg.insideLeftSection{display: block;} */
.wrapper.sidebarCollapsed .singleOpportunity .oppStatMsg.insideLeftSection{display: none;}

.singleOpportunity .oppAttributes ul{display: flex;justify-content: space-between;gap: 1rem;margin: 0;padding: 0;list-style-type: none;flex-wrap: wrap;}
.singleOpportunity .oppAttributes ul.two-rows{justify-content: space-between;display: none;}
.singleOpportunity .oppAttributes ul.two-rows > li{padding: 0;}
.singleOpportunity .oppAttributes ul.two-rows > li > ul{flex-direction: column;}
.singleOpportunity .oppAttributes ul li{position: relative;font-weight: 500;font-size: 0.875rem;line-height: 1.0625rem;color: var(--secondary-black);padding-left: 1.25rem;min-height: 1.0625rem;
    img {
        height: 1rem;
        width: 1rem;
        min-width: 1rem;
    }
}
.singleOpportunity .oppAttributes ul li img{position:absolute;left:0;top:-1px;}
.singleOpportunity .oppAttributesParent.insideLeftSection ul li{width: calc(33.33% - 1rem);}
.singleOpportunity .opportunitiesItemBody{padding:0;}
.singleOpportunity .opportunitiesItemBody .detailSectionDiv{border: 1px solid var(--bg-secondary);border-radius: 8px;padding: 1.5rem 1.5rem 0;margin-bottom: 1.5rem;font-weight: 400;font-size: 0.875rem;line-height: 1.5rem;color: var(--secondary-black);}

.singleOpportunity .opportunitiesItemBody .opportunitiesTestWrap ul li{width: 25%;}
.singleOpportunity .opportunitiesItemBody .opportunitiesTestWrap p{padding-bottom:16px;border-bottom: 1px solid var(--bg-secondary);}

.singleOpportunity .opportunitiesItemBody .rightDiv{padding-left:2rem;width:100%;}

.singleOpportunity .opportunitiesItemBody .rightDiv .quick-tip {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border-radius: 8px;
    border: 1.5px solid #60B7FF;
    background: #FDFEFF;
    padding: 1rem 1.5rem;
    margin: 0 0 1.5rem 0;
    position: relative;
}

.singleOpportunity .opportunitiesItemBody .rightDiv .quick-tip .quickTipSvg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-18%, -50%);
}

.singleOpportunity .opportunitiesItemBody .rightDiv .quick-tip h4 {
    color: var(--primary-black);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.singleOpportunity .opportunitiesItemBody .rightDiv .quick-tip p {
    color: var(--2ndsary-text, var(--registration-menu-content, var(--text-gray)));
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 0;
}

.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo{background: #FFFCF5;padding: 24px;border: 1px solid var(--bg-secondary);border-radius: 8px;margin-bottom: 16px;
display: flex;gap: 16px;align-items: flex-start;flex-direction: column;cursor: pointer;
}
.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .head{display: flex;gap:8px;align-items: flex-start;
    font-size: 12px;font-weight: 600;line-height: 15px;}
.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .main{display: flex;gap:16px;align-items: flex-start;}
.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .main .head{display: none;}
.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo img.bigThumb{width: 37%;max-width: 160px;height: auto;}
.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .details{display: flex;flex-direction: column;gap:8px;}

.singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .details .content{font-size: 12px;font-weight: 400;line-height: 18px;}

.singleOpportunity .opportunitiesItemRightDes .oppJobOverview{border: none;background: var(--bg-light-gray);border: 1px solid var(--bg-light-gray);}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview ul li h4{font-weight: 500;font-size: 12px;line-height: 15px;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview ul li p{font-weight: 400;font-size: 14px;line-height: 17px;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview ul li p.industry{white-space: break-spaces;word-break:break-word;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview ul li.about p{line-height: 20px;white-space: pre-line;}
.opportunitiesItemRightDes .oppJobOverview ul li.about p{white-space: pre-line;font-size: inherit;line-height: 20px;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent{display: flex;align-items: flex-start;gap:16px}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent img{width: 60px;height: 60px;min-width: 60px;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent svg{width: 60px;height: 60px;min-width: 60px;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent h6{font-weight: 500;margin-bottom: 16px;}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent h6 span{color:var(--failureRed)}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent p{font-size: 14px;line-height: 20px;margin: 0;font-weight: 400;color: var(--text-gray);}
.singleOpportunity .opportunitiesItemRightDes .oppJobOverview .matchmake-percent p .underlinedBtn{font-weight: 600;line-height: inherit;text-transform: lowercase;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId.individualHR{margin:1.5rem 0 0.5rem;justify-content: space-between;flex-wrap: wrap;gap:1rem}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId.individualHR .interestedBtn{margin-left: 0;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId .jobDesHRIdBox p{font-size: inherit;}
.opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId .jobDesHRIdBox h4{font-weight: 500;}

.wrapper:not(.sidebarCollapsed) .singleOpportunity .oppAttributes ul.default{display: flex;}
.wrapper:not(.sidebarCollapsed) .singleOpportunity .oppAttributes ul.two-rows{display: none;}

/* @media (max-width:1440px) {
    .singleOpportunity .oppAttributes ul.default{display: none;}
    .singleOpportunity .oppAttributes ul.two-rows{display: flex;}
} */

/* @media (max-width:1365px) {
    .singleOpportunity .oppHead h3{
        font-size: 24px;
        .uplersPartnerBadge {
            vertical-align: top;
        }
    }
    .singleOpportunity .oppHead .opportunitiesHeadTitle{font-size: 20px;line-height: 24px;}
} */
/* @media (max-width:1280px) {
    .singleOpportunity .oppAttributes .row li{margin-right: 8px;font-weight:500;font-size:11px;line-height:15px;}
    .singleOpportunity .opportunitiesItemBody .opportunitiesTestWrap ul li{width: 33.33%;}
    .singleOpportunity .oppAttributesParent.insideLeftSection ul li{width: calc(50% - 16px);}
}
@media (max-width:1200px) {
    .singleOpportunity .opportunitiesItemBody .opportunitiesTestWrap ul li{width: 50%;}
    .singleOpportunity .oppHead h3{font-size: 18px;}
    .singleOpportunity .oppHead .opportunitiesHeadTitle{font-size: 18px;line-height: 20px;}
    .opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId.individualHR{display: flex;flex-wrap: wrap;}
} */
/* @media (max-width:1024px) {
    .singleOpportunity .oppAttributes ul li{width: calc(33.33% - 16px);}
    .singleOpportunity .oppAttributes ul.two-rows li{width: auto;}
} */
@media (max-width:1023px) {
    .singleOpportunity .opportunitiesItemBody .opportunitiesTestWrap ul li{width: 50%;}
}
@media (max-width:991px) {
    
    .singleOpportunity .oppAttributes ul.default{display: flex;justify-content: flex-start;width: 100%;}
    .singleOpportunity .oppAttributes ul.two-rows{display: none;}
    .singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .head{display: none;}
    .singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .main .head{display: flex;}
    .singleOpportunity .oppHead{align-items: flex-start;}
    .singleOpportunity .opportunitiesItemBody .rightDiv{padding-left:0;}
    .bookmarkBtn.allOppBookmark{margin-left: 0;}
    .bookmarkBtn .bookmarkBtnHover{left: unset;right:0;-webkit-transform:unset;;transform:unset;;opacity:0;}
    .opportunitiesItemRightDes .oppItemRightDesAction.jobDesHRId.individualHR .bookmarkBtn .bookmarkBtnHover{left: unset;right:0;}
    .singleOpportunity .oppHeadAction{flex-direction: column-reverse;align-items: flex-end;}
    .singleOpportunity .oppHeadAction .applyBookmark{margin: 0 0 8px 8px;}
    .singleOpportunity .oppHeadAction .impression{align-items: center;font-size: 12px;line-height: 14px;}
    .opportunitiesHeadAction .impression{align-items: center;font-size: 12px;line-height: 14px;margin:8px 16px 8px 0;}
    .singleOpportunity .oppHeadAction .impression .number{font-size: 13px;line-height: 15px;}
    .opportunitiesHeadAction .impression .number{font-size: 13px;line-height: 15px;}
    .singleOpportunity .opportunitiesItemBody .detailSectionDiv br{display: block;}
    .singleOpportunity .actionBtn .actionBtnHover{left:unset;right:-8px;-webkit-transform:translateX(8px);transform:translateX(8px);}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed{width:202px}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply{width:302px}
    .singleOpportunity .actionBtn .actionBtnHover:before,.singleOpportunity .actionBtn .actionBtnHover.talentDeployed:before{content:'';width:9px;height:7px;top:-6px;left:unset;right:0;margin:0 64px 0 0;}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply::before{right:48px;left:unset;margin:auto;}
    .actionBtn .actionBtnHover{left:unset;right:-8px;-webkit-transform:translateX(8px);transform:translateX(8px);}
    .actionBtn .actionBtnHover:before{content:'';width:9px;height:7px;top:-6px;left:unset;right:0;margin:0 64px 0 0;}
    .singleOpportunity .infoIcon .infoIconHover{z-index:1;left: unset;right:-24px;-webkit-transform:translateX(24px);transform:translateX(24px);}
    .singleOpportunity .infoIcon .infoIconHover:before{right:0;left:unset;margin:0 56px 0 0}
    .opportunitiesItemHead .opportunitiesHeadAction.allOppAction{justify-content: space-between;flex:unset}
}

@media (max-width:767px){
    .singleOpportunity .oppHeadAction .interestedBtn{padding: 8px 16px;font-size: 14px;line-height: 17px;}
    .singleOpportunity .oppHead h3{font-size: 16px;line-height: 32px;}
    .singleOpportunity .oppHead .opportunitiesHeadTitle{font-size: 16px;line-height: 18px;}
    .bookmarkBtn svg {width:37.5px;height: 30px;}
    .singleOpportunity .oppHeadAction .impression img{width:20px;height: 20px;}
    .opportunitiesHeadAction .impression img{width:20px;height: 20px;}
    .singleOpportunity .oppHead .opportunitiesHeadLogo{width: 64px;height: 64px;min-width: 64px;padding: 4px;}
    .singleOpportunity .oppHead .opportunitiesHeadLogo .earlyApplicant{left: 4px;}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed{left:unset;right:-8px;-webkit-transform:translateX(8px);transform:translateX(8px);}

    .singleOpportunity .oppHeadAction .actionBtn .actionBtnHover:before{content:'';width:9px;height:7px;top:-6px;left:unset;right:0;margin:0 48px 0 0;}
    .actionBtn .actionBtnHover:before{content:'';width:9px;height:7px;top:-6px;left:unset;right:0;margin:0 48px 0 0;}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply::before{right: 36px;left:unset;margin:auto;}
    .wrapper.sidebarCollapsed .singleOpportunity .oppAttributesParent.insideLeftSection{display: none;}
    .wrapper.sidebarCollapsed .singleOpportunity .oppAttributesParent{display: block;}
    .wrapper:not(.sidebarCollapsed) .singleOpportunity .oppAttributesParent.insideLeftSection{display: none;}
    .wrapper:not(.sidebarCollapsed) .singleOpportunity .oppAttributesParent{display: block;}
}

@media (max-width:575px){
    .singleOpportunity .oppAttributes ul li{width: calc(50% - 16px);}
    .singleOpportunity .infoIcon .infoIconHover{max-width: 70vw;z-index:1;left:-24px;right:unset;-webkit-transform:translateX(-24px);transform:translateX(-24px);}
    .singleOpportunity .infoIcon .infoIconHover:before{right:unset;left:0;margin:0 0 0 56px}
    .singleOpportunity .oppHeadAction .interestedBtn{padding: 8px 16px;font-size: 14px;line-height: 17px;}
    .singleOpportunity .oppHead{flex-wrap: wrap;}
    .singleOpportunity .oppHeadAction{flex-direction: column-reverse ; justify-content: space-between;width: 100%;margin-top: 12px;flex-wrap: wrap;}
    .singleOpportunity .oppHeadAction .impression{margin:8px 0}
    .opportunitiesHeadAction .impression{margin:8px 16px 8px 0}
    .singleOpportunity .oppHeadAction .impression img{width:16px;height: 16px;}
    .opportunitiesHeadAction .impression img{width:16px;height: 16px;}
    .singleOpportunity .oppHead h3{font-size: 14px;line-height: 17px;}
    .singleOpportunity .oppHead h3 .earlyApplicant{font-size: 10px;line-height: 0px;}
    .singleOpportunity .oppHeadContainer .oppAttributes{background-color: var(--bg-secondary);border-radius: 8px;padding: 16px;}
    .singleOpportunity .oppHeadAction .applyBookmark{margin: 0;}
    .singleOpportunity .oppAttributes{background: var(--bg-secondary);padding: 0px;margin-top: 16px;}
    .singleOpportunity .oppHead .opportunitiesHeadLogo{width: 56px;height: 56px;min-width: 56px;}
    .singleOpportunity .oppHead .opportunitiesHeadTitle{font-size: 14px;line-height: 17px;color: var(--secondary-black);}
    .singleOpportunity .opportunitiesItemBody .detailSectionDiv{padding: 16px 16px 0;}
    .actionBtn .actionBtnHover.talentDeployed,.singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply{width:200px;left:70%;-webkit-transform:translateX(-60%);transform:translateX(-60%);right: unset;font-size: 12px;line-height: 16px;}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed.blockApply::before{left:50%;margin:auto;right: unset;}
    .bookmarkBtn .bookmarkBtnHover{white-space: break-spaces;font-size: 10px;padding-block: 4px;right: -12px;}
    .singleOpportunity .bookmarkBtn .bookmarkBtnHover{left: 0;right:unset;}
    .singleOpportunity .oppHead .opportunitiesHeadTitle .companyName .aboutCompanyVideo{display: none;}
    .singleOpportunity .oppHeadContainer .aboutVideoHead{display: flex;}
    .singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo .main{flex-direction: column;}
    .singleOpportunity .opportunitiesItemRightDes .aboutCompanyVideo img.bigThumb{width: 160px;}
}

@media (max-width:480px){
    .actionBtn .actionBtnHover.talentDeployed,.singleOpportunity .actionBtn .actionBtnHover.talentDeployed{width:200px;left:70%;-webkit-transform:translateX(-70%);transform:translateX(-70%);}
    .actionBtn .actionBtnHover.talentDeployed:before{left:60%;margin:auto;}
    .singleOpportunity .actionBtn .actionBtnHover.talentDeployed:before{left:25%;margin:auto;}
    .singleOpportunity .oppAttributes ul li{width: 100%;}
    .singleOpportunity .oppAttributes ul li .infoIcon .infoIconHover{left: auto;right:-29px;}
    .singleOpportunity .oppAttributes ul li .infoIcon .infoIconHover:before{right: 12px;left: auto;margin:0;}
}

/* Single Opportunity end */

/* Bookmark in All opp Start */
.bookmarkedBtn{padding: 10px 16px;border:1px solid var(--text-field-outline-2);background-color: var(--white);border-radius: 8px;font-weight: 500;font-size: 12px;line-height: 15px;text-transform: capitalize;color: var(--secondary-black);box-sizing: border-box;display: flex;align-items: center;justify-content: center;width: 175px;}
.bookmarkedBtn:focus-within{border:1px solid var(--text-field-outline-2);}
.bookmarkedBtn svg{margin-right: 10px;}
.bookmarkedBtn.isBookmarkActive{background-color: var(--secondary-black);font-weight: 600;border:1px solid var(--secondary-black);color: var(--white);}
.bookmarkedBtn.isBookmarkActive svg{fill:var(--white);stroke: var(--white);}
.bookmarkedBtn.isBookmarkActive svg path{fill:var(--white);stroke: var(--white);}

.bookmarkedBtn:disabled{
    opacity: 0.7;
}
.bookmarkedBtn .bookmarkedCount{margin-left: 8px;background:var(--bg-light-yellow);width: 24px;height: 24px;border-radius: 50%;display: flex;justify-content: center;align-items: center;
    font-weight: 600;font-size: 12px;line-height: 14px;color: var(--secondary-black);
}

.bookmarkedBtn.isBookmarkActive .bookmarkedCount{
    background: var(--brandYellow);
}
/* Bookmark in All opp End*/

/* Snackbar Start */

.snackbar {
    background: #121212;
    width: max-content;
    margin:auto;
    display: flex;
    align-items: center;
    margin-block:16px;
}
.Toastify__toast-theme--light.snackbar {
    background: var(--white);
}
.Toastify__toast-theme--light.snackbar .snackbarBtn img{
    filter: invert(60%);
}
.snackbarBody {
    display: flex;
    width: 476px;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    line-height: 1.25;
}

.snackbarBody .successGif{
    width: 64px;height: 64px;min-width: 64px;margin: -16px -6px;
}
.Toastify__toast-body.border-black .snackbarBody{
    border: 1px solid var(--primary-black);border-radius: 4px;
}
.Toastify__toast-theme--light.snackbar .snackbarBody{color: var(--primary-black);}

.snackbarBody.bookmark {
    width: max-content;
    padding: 0;
    align-items: unset;
}

.snackbarBtn {
    background-color: transparent;
    text-decoration: underline;
    color: var(--white);
    border: none;
    padding: 0;
    height: 100%;
    min-width: 24px;
}

.snackbarBody.bookmark .leftContent{
    height: 100%;display: flex;align-items: center;padding: 16px;
}

.snackbarBody.bookmark .content{
    display: flex;flex-direction: column;margin-left: 16px;gap: 16px;
}
.snackbarBody.bookmark .content p{
    font-weight: 500;font-size: 14px;line-height: 17px;color: var(--white);font-family: 'Montserrat';margin-bottom: 0;
}
.snackbarBody.bookmark .content h6{
    font-weight: 600;font-size: 18px;line-height: 17px;color: var(--white);font-family: 'Montserrat';
}
.snackbarBody.bookmark .snackbarAction{
    display: flex;align-items: center;justify-content: space-around;border-left: 1px solid var(--rgb-gray-20);
}
.snackbarBody.bookmark .snackbarAction .middleBar{width:1px;height: 100%;background:var(--rgb-gray-20);}
.snackbarBody.bookmark .snackbarAction .snackbarBtn{padding:0 16px;display: flex;justify-content: center;align-items: center;}
.snackbarBody.bookmark .snackbarAction .undoBtn{font-weight: 700;font-size: 14px;line-height: 14px;}
.snackbarBody.bookmark .snackbarAction .closeBtn{width: 56px;}


@media (max-width: 767px) {
    .snackbarBody.bookmark .leftContent {padding: 12px 8px;}
    .snackbarBody.bookmark .leftContent img{width: 24px;height: 24px;}
    .snackbarBody.bookmark .content{gap: 12px;}
    .snackbarBody.bookmark .content p {font-size: 12px;}
    .snackbarBody.bookmark .content h6 {font-size: 16px;}
    .snackbarBody.bookmark .snackbarAction .snackbarBtn{padding:0 12px;}
    .snackbarBody.bookmark .snackbarAction .undoBtn {font-size: 12px;}
    .snackbarBody.bookmark .snackbarAction .closeBtn{width: 48px;}
}
@media (max-width: 575px) {
    .snackbarBody.bookmark .leftContent {padding: 12px 8px;}
    .snackbarBody.bookmark .leftContent img{width: 24px;height: 24px;}
    .snackbarBody.bookmark .content{gap: 8px;}
    .snackbarBody.bookmark .content p {font-size: 10px;}
    .snackbarBody.bookmark .content h6 {font-size: 14px;}
    .snackbarBody.bookmark .snackbarAction .snackbarBtn{padding:0 8px;}
    .snackbarBody.bookmark .snackbarAction .closeBtn{width: 40px;}
}
@media (max-width: 480px) {
    .snackbar{width:100%}
    .snackbarBody {font-size: 12px;width: 100%;}
    .snackbarBody.bookmark {width: 100%;}
    .snackbarBtn {font-size: 12px;}
}
@media only screen and (max-width: 480px){.Toastify__toast-container {width:100vw !important;}}
@media (max-width: 425px) {
    .snackbarBody.bookmark .snackbarAction .snackbarBtn{padding:0 6px;}
    .snackbarBody.bookmark .snackbarAction .closeBtn{width: 42px;}
}
/* Snackbar End */

.fade-out {
    -webkit-animation: fade-out 1.5s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
    animation: fade-out 1.5s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.commonModal.matcheQuery .modal-dialog {
    width: 827px;
}
.commonModal .modal-body.matcherQueryModal {
    max-height: calc(100vh - 80px);
    overflow: hidden;
    font-size: 14px;
    padding: 40px 32px 40px 40px;
    font-weight: 400;
    line-height: 17px;
    color: var(--secondary-black);
    text-align: left;
}
.commonModal .modal-body.matcherQueryModal h5 {margin-bottom: 0;color: var(--secondary-black);}

.matcherQueryModal .head{padding-bottom: 24px;border-bottom: 1px solid var(--text-field-outline-2);}
.matcherQueryModal .matcherContent{max-height: calc(100vh - 220px);overflow-y: auto;display: flex;flex-direction: column;width: 100%;box-sizing: border-box;
    padding: 0 8px 24px 0;overflow-x: hidden;word-break: break-word;}
.matcherQueryModal .matcherContent .profilePic{width: 80px;height: 80px;object-fit: contain;margin-right: 16px;border-radius: 50%;}
.matcherQueryModal .matcherContent .matcherIntro{display: flex;flex-direction: column;font-weight: 400;font-size: 14px;line-height: 17px;padding: 24px 0;}
.matcherQueryModal .matcherContent .matcherIntro .bio{margin-top: 32px;}
.matcherQueryModal .matcherContent .matcherIntro h6{font-weight: 500;font-size: 18px;line-height: 48px;color: var(--secondary-black);}

.matcherQueryModal .matcherContent ul{margin:0 -8px;flex-wrap:wrap;display:flex;row-gap:24px;}
.matcherQueryModal .matcherContent ul li{width:50%;padding:0 8px;margin-bottom:0;font-weight:400;font-size:14px;line-height:18px;color:var(--secondary-black);}
.matcherQueryModal .matcherContent ul li h4{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray);margin:0 0 8px;}
.matcherQueryModal .matcherContent ul li a{font-weight:500;font-size:14px;line-height:18px;text-decoration:underline;color:#2867B2;display:inline-block;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.matcherQueryModal .matcherContent ul li a:hover{text-decoration:none;color:#2867B2}
.matcherQueryModal .matcherContent ul li a:hover svg{color:#2867B2}
.matcherQueryModal .matcherContent ul li p{margin-bottom:0;font-weight: 500;font-size: 14px;line-height: 17px;}
.matcherQueryModal .matcherContent .queryInput{margin-top: 32px;}
.matcherQueryModal .matcherContent .queryInput label{font-weight: 400;font-size: 12px;line-height: 15px;color:var(--text-gray);margin-bottom: 8px;}
.matcherQueryModal .matcherContent .queryInput textarea{outline: 1px solid var(--text-field-outline-2);border-radius: 8px;font-weight: 500;font-size: 12px;line-height: 15px;padding: 16px;height:117px;border: none;transition: all 0.2s;margin-left: 2px;}
.matcherQueryModal .matcherContent .queryInput textarea:focus{border: none;box-shadow:none;transition: all 0.2s;}
.matcherQueryModal .matcherContent .queryInput textarea:focus-within{outline: 2px solid var(--brandYellow);border: none;transition: all 0.2s;}
.matcherQueryModal .matcherContent .queryInput textarea::placeholder{color: var(--rgb-dark-gray-60);}
.matcherQueryModal .modalAction{justify-content: flex-start;margin-top: 40px;}

.commonModal .modal-body .matcherContent::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.commonModal .modal-body .matcherContent::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px grey;
    border-radius: 10px;
    width: 2px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-clip: padding-box;
}
/* Handle */
.commonModal .modal-body .matcherContent::-webkit-scrollbar-thumb {
    background: var(--text-gray);
    border-radius: 10px;
    min-width: 7px;
}
.commonModal .modal-body .matcherContent::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-black);
}

@media screen and (max-width: 575px) {
    .matcherQueryModal .matcherContent ul li{width:100%;}
    .commonModal .modal-body.matcherQueryModal{padding: 40px 24px;}
}
.opportunitiesItemFullDetails .oppJobTips{position:relative;padding: 24px 0 0 36px; min-height:24px;margin-top: 24px;border-top: 1px solid var(--rgb-gray-20);font-weight:400;font-size:12px;line-height:18px;color:var(--text-gray);}
.opportunitiesItemFullDetails .oppJobTips img{position:absolute;left:0;top:24px;}
.opportunitiesItemFullDetails .oppJobTips p{margin:0;font-size:inherit;line-height:inherit;color:inherit;}
.opportunitiesItemFullDetails .oppJobTips a{font-weight:500;text-decoration:underline;color:var(--secondary-black);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.opportunitiesItemFullDetails .oppJobTips a:hover{text-decoration:none;}

/* withMathcerInfo End */


.opportunityStatus{background: var(--bg-secondary);border-radius: 8px;padding: 32px;display: flex;flex-direction: column;gap:16px 24px;margin-bottom: 48px;}
.opportunityStatus .actualMsg{display: flex;align-items: flex-start;gap:24px;}

@media (max-width: 767px){
    .opportunityStatus .actualMsg{flex-direction: column;}
}
.opportunityStatus .opportunityStatusImgDiv{background: #FAECDC;display: flex;justify-content: center;align-items: center;width:138px;min-width: 138px;height: 138px;
    border-radius: 100%;}
.opportunityStatus .content{display: flex;flex-direction: column;align-items: flex-start;}
.opportunityStatus .content h3{font-weight: 500;font-size: 27px;line-height: 38px;color: var(--text-gray);margin-bottom: 32px;}
.opportunityStatus .content p{font-weight: 500;font-size: 14px;line-height: 17px;color: var(--secondary-black);margin-bottom: 16px;}
.opportunityStatus .content button{background-color: var(--brandYellow);color: var(--secondary-black);text-transform: uppercase;font-size: 14px;line-height: 17px;font-weight: 700;border-radius: 27px;
transition: all 0.35s;padding: 12px 24px;border:none;}
.opportunityStatus .content button:hover{background-color: var(--secondary-black);color: var(--white);transition: all 0.35s;}


.opportunityStatus.completed{background: linear-gradient(180deg, #EDEDED 0%, rgba(227, 227, 227, 0.21) 100%);padding: 32px 32px 40px;}
.opportunityStatus.completed .content h3{font-size: 24px;line-height: 38px;color:var(--secondary-black);margin-bottom: 24px;}
.opportunityStatus.completed .content p{line-height: 17px;color: var(--text-gray);}
.opportunityStatus.completed .opportunityStatusImgDiv{background: #DFDEDE;}

.opportunityStatus.onHold{background: linear-gradient(180deg, #EDEDED 0%, rgba(227, 227, 227, 0.21) 100%);padding: 32px 32px 40px;}
.opportunityStatus.onHold .content h3{font-size: 24px;line-height: 38px;color:var(--secondary-black);margin-bottom: 24px;}
.opportunityStatus.onHold .content p{line-height: 17px;color: var(--text-gray);}
.opportunityStatus.onHold .opportunityStatusImgDiv{background: #DFDEDE;}

@media (max-width:767px){
    .opportunityStatus .content h3{font-size: 22px;line-height: 32px;}
}
@media (max-width:575px){
    .opportunityStatus{flex-direction: column;padding: 24px;}

    .opportunityStatus .opportunityStatusImgDiv{width: 68px; height: 68px; min-width: 68px;}
    .opportunityStatus .opportunityStatusImgDiv img{width: 36px; height: 36px;}

    .opportunityStatus.completed { padding: 16px 16px 24px;}
    .opportunityStatus.completed .content h3{font-size: 20px;line-height: 30px;margin-bottom: 18px;color: var(--secondary-black);}

    .opportunityStatus.onHold {padding: 16px 16px 24px;}
    .opportunityStatus.onHold .content h3{font-size: 20px;line-height: 30px;margin-bottom: 18px;color: var(--secondary-black);}

    .opportunityStatus .actualMsg{gap: 18px;}
}



/* Talent deployed Start */
.talentDeployedBanner{background: rgba(129, 197, 87, 0.25);border-radius: 8px;width: 100%;padding: 32px 24px 32px 32px;display: flex;align-items: flex-start;gap: 24px;margin-bottom: 32px;}
.talentDeployedBanner h5{font-weight: 600;font-size: 22px;line-height: 27px;color: var(--secondary-black);padding-bottom: 20px;margin-bottom: 24px;border-bottom: 2px solid var(--white);}
.talentDeployedBanner p{font-weight: 500;font-size: 14px;line-height: 20px;color: var(--secondary-black);margin-bottom: 0;}
.talentDeployedBanner p.excited{font-weight: 600;font-size: 14px;line-height: 17px;color: var(--successGreen);margin-bottom:8px}
@media (max-width:890px){
    .talentDeployedBanner{flex-direction: column;}
}
@media (max-width:575px){
    .talentDeployedBanner{padding: 16px; gap: 18px;}

    .talentDeployedBanner img{width: 18%;}
    .talentDeployedBanner h5{font-size: 18px;}
}
/* Talent deployed End */

/* Internal Hr date */
.internalHR{
    position: relative;
    margin-top: -26px;
    margin-bottom: 40px;
}
.internalHR .content{
    font-weight: 500;font-size: 14px;line-height: 20px;color: var(--RA-primary-cta);
    border: 2px solid #BFC5F5;
    border-radius: 8px;
    padding:16px 24px 16px 56px;
    margin-left: 36px;
}
.internalHR .leftIcon{
    position: absolute;
    top:0;
    left:0;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 2px solid #BFC5F5;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}
.internalHR .leftIcon .iconDiv{
    position: relative;
    width: 40px;
    height: 40px;
}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
.internalHR .leftIcon .iconDiv .newTag{
    position: absolute;
    top:-8px;
    left:-68px;
    content: 'New';
    background-color: var(--RA-primary-cta);
    padding: 8px 16px;
    border-radius: 8px;
    color: var(--white);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    -webkit-animation:heartbeat 1.5s ease-in-out 2 both;animation:heartbeat 1.5s ease-in-out 2 both;
    opacity: 1;
}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
.internalHR .leftIcon .iconDiv .newTag.hide{
    animation: unset;
    -webkit-animation: unset;
    -webkit-animation:fade-out 1s ease-out both;animation:fade-out 1s ease-out both;
}
@media (max-width:1280px){
    .internalHR .leftIcon .iconDiv .newTag{
        left:-40px;
        top:-32px;
    }
}
@media (max-width: 991px){
    .internalHR{
        margin-top: -6px;
    }
}
@media (max-width:767px){
    .internalHR{
        margin-top: -26px;
        margin-bottom: 24px;
    }
    .internalHR .content{
        font-size: 12px;
        line-height: 16px;
        padding:8px 16px 8px 24px;
        margin-left: 0;
    }
    .internalHR .leftIcon{
        position: absolute;
        top:-8px;
        left:0;
        width: 24px;
        height: 24px;
    }
    .internalHR .leftIcon .iconDiv{
        width: 16px;
        height: 16px;
    }
    .internalHR .leftIcon .iconDiv .newTag{
        position: absolute;
        top:100%;
        left:-12px;
        content: 'New';
        font-size: 9px;
        line-height: 11px;
        padding: 2px 4px;
        border-radius: 4px;
        color: var(--white);
    }
}
/* Internal Hr date end */

/* START single opp topbar */
.singleOppTopbar{padding: 24px 88px;border-radius: 8px;border-bottom: 1px solid var(--rgb-gray-20);background: var(--white);display: flex;
    flex-direction: column;gap: 8px;}
.singleOppTopbar .progressBarDiv{all:unset;display: flex;align-items: center;}
.singleOppTopbar .progressBarDiv .progressFlex{display: flex;width: 100%;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar{height: 11px;width: 10%;padding-left: 8px;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar:first-child{padding-left: 0;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar .track{width: 100%;background-color: var(--rgb-gray-20);height: 100%;border-radius: 10px;position: relative;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar.justNextStep .track{background-color: var(--text-field-outline-2);}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar.width-5{width: 5%;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar.width-10{width: 10%;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar.width-15{width: 15%;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar.width-30{width: 30%;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar.width-50{width: 50%;}

.singleOppTopbar .progressBarDiv .progressFlex .progressbar .track .progress{position: absolute;top: 0;left: 0;height: 100%;width: 0;border-radius: 10px;
        background-color: var(--successGreen);content: '';}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar .track .progress.progress-100{width: 100%;}
.singleOppTopbar .progressBarDiv .progressFlex .progressbar .track .progress.progress-50{width: 50%;}

.singleOppTopbar .progressBarDiv h6{color:var(--successGreen);font-size: 14px;font-weight: 700;margin-right: 14px;}
.singleOppTopbar .underlinedBtn{font-size: 12px;font-weight: 600;white-space: nowrap;margin-left: 24px;text-transform: none;}
.singleOppTopbar .underlinedBtn.mobileOnly{display: none;}
.singleOppTopbar h6{font-size: 12px;font-weight: 400;color: var(--secondary-black);}
.singleOppTopbar h6.subtitle{font-size: 12px;font-weight: 500;color: var(--text-gray);}
.singleOppTopbar h6.subtitle span{font-weight: 400;}

.commonModal.modalSingleOppTopBar .modal-dialog{width:715px;}
.commonModal .modal-body.topProgressbarModal{max-height: calc(100vh - 80px);overflow: hidden;font-size: 14px;padding: 40px 32px 40px 40px;font-weight: 400;
    line-height: 17px;color: var(--secondary-black);text-align: left;}
.commonModal .modal-body.topProgressbarModal h5{font-size: 18px;font-weight: 400;color: var(--secondary-black);line-height: 22px;}
.commonModal .modal-body.topProgressbarModal h5 span{font-weight: 500;}
.commonModal .modal-body.topProgressbarModal h5 span.bg-yellow{font-size: 12px;font-weight: 500;line-height: 14.63px;padding: 8px 16px;background: var(--bg-light-yellow);
    border-radius: 8px;width: 226px;display: inline-block;}
.commonModal .modal-body.topProgressbarModal .content{overflow-y: auto;max-height: calc(100vh - 286px);}
.commonModal .modal-body.topProgressbarModal ul{margin-left: 15px;}
.commonModal .modal-body.topProgressbarModal ul p{color: var(--text-gray);}
.commonModal .modal-body.topProgressbarModal ul li{padding: 0 0 40px 34px;position: relative;border-left: 2px solid var(--rgb-gray-40);}
.commonModal .modal-body.topProgressbarModal ul li:last-child{padding-bottom: 0;}
.commonModal .modal-body.topProgressbarModal ul li h6{font-size: 14px;font-weight: 500;line-height:17px;padding-top: 4px;color: inherit;}
.commonModal .modal-body.topProgressbarModal ul li p{font-size: 12px;font-weight: 400;line-height:14.63px;margin: 4px 0 0;color: inherit;}
.commonModal .modal-body.topProgressbarModal ul li .stepIcon{background: var(--white);border:1px solid var(--text-field-outline-2);width: 32px;height: 32px;border-radius: 16px;color: var(--text-gray);
    position: absolute;top: 0;left: -17px;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.commonModal .modal-body.topProgressbarModal ul li .stepIcon svg{width: 16px;height: 16px;}
.commonModal .modal-body.topProgressbarModal ul li.completed{border-color: var(--successGreen);color: var(--rgb-dark-gray-60);}
.commonModal .modal-body.topProgressbarModal ul li.completed .stepIcon{background:var(--successGreen);border: 1px solid var(--successGreen);}
.commonModal .modal-body.topProgressbarModal ul li.lastTestDone .stepIcon{background:var(--successGreen);color: var(--white);border: 1px solid var(--successGreen);}
.commonModal .modal-body.topProgressbarModal .underlinedBtn{font-size: 18px;font-weight: 600;text-transform: capitalize;margin-top:32px;}
.commonModal .modal-body.topProgressbarModal .interestedBtn{font-weight:600;font-size:14px;line-height:17px;text-align:center;text-transform:capitalize;color:var(--secondary-black);
    background:var(--brandYellow);border:none;border-radius:30px;display:inline-block;padding:8px 16px;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;box-shadow:none;}
.commonModal .modal-body.topProgressbarModal .interestedBtn:hover{background:var(--secondary-black);color:var(--white);}

@media (min-width: 1800px){.singleOppTopbar{padding: 24px 189px;}}

@media (max-width: 1280px){.singleOppTopbar{padding: 24px 50px;}}
@media (max-width: 991px){
    .singleOppTopbar{padding: 24px 30px;}
    .singleOppTopbar .progressBarDiv h6{margin-right: 10px;}
    .singleOppTopbar .underlinedBtn{margin-left: 16px;}
}
@media (max-width: 767px){
    .singleOppTopbar{padding: 16px;}
    .singleOppTopbar .progressBarDiv .progressFlex .progressbar{padding-left: 4px;}
    .singleOppTopbar .progressBarDiv{margin-bottom: 8px;}
    .singleOppTopbar .progressBarDiv h6{margin-right: 8px;}
    .singleOppTopbar .underlinedBtn.mobileOnly{display: block;font-weight: 700;}
    .singleOppTopbar .underlinedBtn.pcOnly{display: none;}
    .singleOppTopbar .progressBarDiv .progressFlex .progressbar{height: 8px;}
    .singleOppTopbar .progressBarDiv .progressFlex .progressbar .track{height: 8px;}
    .commonModal .modal-body.topProgressbarModal{padding: 32px 24px 24px;}
    .commonModal .modal-body.topProgressbarModal h5{font-size: 14px;display: flex;flex-direction: column;}
    .commonModal .modal-body.topProgressbarModal ul{margin-left: 13px;}
    .commonModal .modal-body.topProgressbarModal ul li{padding: 0 0 32px 30px;}
    .commonModal .modal-body.topProgressbarModal ul li .stepIcon{left:-15px;width: 28px;height: 28px;}
    .commonModal .modal-body.topProgressbarModal ul li h6{font-size: 13px;}
    .commonModal .modal-body.topProgressbarModal ul li p{font-size: 11px;}
    .commonModal .modal-body.topProgressbarModal .underlinedBtn{font-size: 16px;}
}
/* END single opp topbar */

/* SingleOppAssessment  START ######################################################### */
.SingleOppAssessment{padding-bottom: 1.5rem;}
.SingleOppAssessment .stepsHead{padding-bottom: 1rem;position: relative;}
.SingleOppAssessment .stepsHead .pendingSteps{font-size: 0.875rem;font-weight: 600;line-height: 1.0625rem;color: var(--primary-black);margin: 0.25rem 0 0;padding-left: 2.5rem;}
.SingleOppAssessment .stepsHead .pendingSteps svg,.SingleOppAssessment .stepsHead .failedStep svg{position: absolute;top:0;left: 0;width: 1.5rem;height: 1.5rem;}
.SingleOppAssessment .stepsHead .pendingSteps svg{top: -0.3125rem;}
.SingleOppAssessment .stepsHead .pendingSteps img{position: absolute;top:0;left: 0;width: 1.5rem;height: 1.5rem;}
.SingleOppAssessment .stepsHead .failedStep{position: relative;padding-left: 2.5rem;display: flex;justify-content: space-between;align-items: flex-start;gap:1rem}
.SingleOppAssessment .stepsHead .failedStep img{position: absolute;top:0;left: 0;width: 1.5rem;height: 1.5rem;}
.SingleOppAssessment .stepsHead .failedStep span{font-size: 0.875rem;font-weight: 500;line-height: 1.0625rem;color: var(--primary-black);margin-top: 0.25rem;}
.SingleOppAssessment .stepsHead .failedStep span.unqualifiedTag{font-size: 0.75rem;font-weight: 500;line-height: 0.9375rem;color: var(--errorRed);padding: 0.25rem 0.5rem;background: #F9E9E9;
border-radius: 0.25rem;}

.SingleOppAssessment .assessmentSteps{padding-top: 1rem;border-top: 1px solid var(--bg-secondary);}
.SingleOppAssessment .assessmentSteps > ul{padding-left: 0.75rem}
.SingleOppAssessment .assessmentSteps.noSteps > ul{padding-left: 0}
.SingleOppAssessment .assessmentSteps > ul > li{position: relative;padding: 0 0 1.5rem 0;display: flex;gap:2.25rem;height:auto;margin-top: -3rem;}
.SingleOppAssessment .assessmentSteps > ul > li:first-child{margin-top: 0;}
.SingleOppAssessment .assessmentSteps > ul > li.completed{margin-top: -4rem;}
.SingleOppAssessment .assessmentSteps > ul > li.completed:first-child{margin-top: 0;}
.SingleOppAssessment .assessmentSteps > ul > li.completed:last-child .stepItem{padding-bottom: 0;}

.SingleOppAssessment .assessmentSteps > ul > li .stepper{height: auto;width: 1px;background-color: #E3E3E3;position: relative;margin-top:36px;left: 0;display: flex;
    flex-direction: column;}
.SingleOppAssessment .assessmentSteps > ul > li.completed .stepper{background-color: var(--successGreen);}
.SingleOppAssessment .assessmentSteps > ul > li:first-child .stepper{margin-top:1.5rem;}
.SingleOppAssessment .assessmentSteps > ul > li.tech .stepper{margin-top:1.5rem;}
.SingleOppAssessment .assessmentSteps > ul > li.screening .stepper{margin-top:1.5rem;}
.SingleOppAssessment .assessmentSteps > ul > li.screening.completed .stepper{margin-top:2.25rem;}
.SingleOppAssessment .assessmentSteps > ul > li.screening.completed{margin-top: -4rem;}
.SingleOppAssessment .assessmentSteps > ul > li.language:first-child .stepper{margin-top:2.25rem;}
.SingleOppAssessment .assessmentSteps > ul > li.locked .stepper{margin-top:1.5rem;}
.SingleOppAssessment .assessmentSteps > ul > li .stepper svg{position: absolute;top: -0.75rem;left: -0.71875rem;}

.SingleOppAssessment .assessmentSteps > ul > li .stepItem{border: 1px solid var(--bg-secondary);border-radius: 8px;padding: 1rem;margin-bottom: 2.25rem;width: 100%;}

.SingleOppAssessment .assessmentSteps > ul > li:last-child .stepItem{margin-bottom: 0;}
.SingleOppAssessment .assessmentSteps > ul > li:last-child.locked .stepItem{margin-bottom: 0;}
.SingleOppAssessment .assessmentSteps > ul > li .head{display: flex;justify-content: space-between;align-items: flex-start;font-weight: 400;gap:8px;
    padding-bottom: 1rem;border-bottom: 1px solid var(--bg-secondary);flex-wrap: wrap;}
.SingleOppAssessment .assessmentSteps > ul > li.screening .head{flex-wrap: wrap;}
.SingleOppAssessment .assessmentSteps > ul > li.tech .head{font-weight: 500;}
.SingleOppAssessment .assessmentSteps > ul > li.completed .stepItem{border: none;}
.SingleOppAssessment .assessmentSteps > ul > li.completed .stepItem .head{position: relative;}
.SingleOppAssessment .assessmentSteps > ul > li.unqualified .stepItem .head{font-weight: 400;}
.SingleOppAssessment .assessmentSteps > ul > li.language.unqualified .stepItem{border: none;}
.SingleOppAssessment .assessmentSteps > ul > li.completed .stepItem .head::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 8px;
    background: rgba(255, 255, 255,0.64);z-index: 1;}
.SingleOppAssessment .assessmentSteps > ul > li .head h6{font-size: 0.875rem;font-weight: inherit;line-height: 1.0625rem;}
.SingleOppAssessment .assessmentSteps > ul > li .head span{font-size: 0.75rem;font-weight: inherit;line-height: 0.9375rem;color: var(--text-gray);}
.SingleOppAssessment .assessmentSteps > ul > li.locked{color: var(--gray-A6);}
.SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem{border: none;width: 100%;margin-bottom: 1rem;}
.SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem.action{padding-block: 0.375rem;}
.SingleOppAssessment .assessmentSteps > ul > li.screening.locked .stepItem.action{padding-block: 1rem;}
.SingleOppAssessment .assessmentSteps > ul > li.language.locked .stepItem{padding-top: 0.875rem;width: unset;}
.SingleOppAssessment .assessmentSteps > ul > li.language.locked .stepItem .head.noInfo{padding-top: 0.125rem;}
.SingleOppAssessment .assessmentSteps > ul > li.screening.unqualified .stepItem{border: none;}

.SingleOppAssessment .assessmentSteps > ul > li .stepItem.action .head{border: none;align-items: center;padding-bottom: 0;}
.SingleOppAssessment .assessmentSteps > ul > li .stepItem.action .head .message{font-size: 0.75rem;font-weight: 500;}
.SingleOppAssessment .assessmentSteps > ul > li.screening.unqualified .head .message{font-weight: 400;color: var(--errorRed);}

.SingleOppAssessment .assessmentSteps > ul > li.language .testBox{padding:0;}

.SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem .head{font-weight: 400;border: none;align-items: center;gap:16px;padding-bottom: 16px;flex-wrap: wrap;}
.SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem .head span{color: var(--gray-A6);line-height: 17px;}

.SingleOppAssessment .assessmentSteps > ul > li .stepItem .head .titleWithDuration{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}

.SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem .boxInfoBtn{position: relative;top: unset;right: unset;width: 24px;height: 24px;}
.SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem .boxInfoBtn span{color: var(--text-gray);font-weight: 500;line-height: 18px;}

.SingleOppAssessment .assessmentSteps > ul > li ul.assessments > li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--bg-secondary);}
.SingleOppAssessment .assessmentSteps > ul > li ul.assessments > li:last-child{border-bottom: none;padding-bottom: 0;}
.SingleOppAssessment .assessmentSteps > ul > li ul.assessments > li:last-child .testBox{padding-bottom: 0;}
.SingleOppAssessment .assessmentSteps > ul > li ul.assessments > li .content{display: flex;align-items: center;font-size: 14px;font-weight: 500;line-height: 17px;}
.SingleOppAssessment .assessmentSteps > ul > li ul.assessments > li .content span{font-weight: 400;color: var(--gray-A6)}
.SingleOppAssessment .testBox{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
    gap: 1rem;padding: 1rem 0;width: 100%;font-size: 0.875rem;font-weight: 400;color: var(--primary-black);line-height: 1.0625rem;
    position: relative;
}
.SingleOppAssessment .testBox .mandatory{display: flex;align-items: flex-start;gap: 1rem;}
.SingleOppAssessment .testBox .mandatory .para-cta{display: flex;align-items: flex-start;gap: 1rem;}
.SingleOppAssessment .testBox.width-auto{width:auto;padding: 0;}
.SingleOppAssessment .assessmentSteps > ul > li.tech .testBox{font-weight: 400;}
.SingleOppAssessment .testBox.testTaken{flex-wrap: unset;}
.SingleOppAssessment .testBox.testPassed::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 8px;
background: rgba(255, 255, 255,0.46);z-index: 1;}
.SingleOppAssessment .testBox.testBlocked::before,.SingleOppAssessment .assessmentSteps > ul > li.completed .stepItem .head.unqualifiedHover::before{content: '';
position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 8px;background: rgba(255, 255, 255,0.64);z-index: 3;}

.SingleOppAssessment .testBox .test-left{display: flex;flex-direction: column;gap: 0.25rem;}
.SingleOppAssessment .testBox .testDetails{display: flex;align-items: center;flex-wrap: wrap;gap: 0.25rem;}
.SingleOppAssessment .testBox .test-left .successBrownTest{color:var(--text-brown,#A75E09);z-index:2;font-size: 10px;font-weight: 500;line-height: 12px;margin-left: 32px;}
.SingleOppAssessment .testBox .testName{max-width: 250px;text-overflow: ellipsis;}
.SingleOppAssessment .testBox .testDuration{font-weight: 400;color: var(--gray-A6);text-transform: lowercase;}
.SingleOppAssessment .testBox .assessmentDate{font-weight: 400;color: var(--gray-A6);}
.SingleOppAssessment .testBox .actionFlex{display: flex;gap:16px;align-items: center;flex-wrap: wrap;}
.SingleOppAssessment .testBox .actionFlex .retestText{font-size: 12px;font-weight: 500;color: var(--text-orange);line-height: 14.63px;}
.SingleOppAssessment .boxInfoBtn{position: relative;top: unset;right: unset;min-width: 32px;min-height: 32px;}
.SingleOppAssessment .successScore{padding: 12px 16px;background: rgba(50, 147, 111, 0.10);border-radius: 28px;font-size: 12px;font-weight: 400;color: var(--successGreen);z-index: 2;
white-space: nowrap;}
.SingleOppAssessment .successScore.successBrown{color: #A75E09;background-color: rgb(167, 94, 9, 0.10);}
.SingleOppAssessment .successScore span{font-weight: 500;}
.SingleOppAssessment .successScore.badge{text-transform: uppercase;font-weight: 500;display: flex;align-items: center;}
.SingleOppAssessment .testBox .failedScore{display: flex;align-items: center;gap: 4px;flex-wrap: wrap;justify-content: end;}
.SingleOppAssessment .testBox .failedScore span{color: var(--errorRed);font-size: 12px;font-weight: 400;line-height: 14.63px;}
.SingleOppAssessment .testBox .failedScore span.bold{font-weight: 500;}
.SingleOppAssessment .testBox .testResult{display: flex;align-items: center;gap:16px;}

.SingleOppAssessment .primaryBtn {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.375rem;
    white-space: nowrap;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    position: relative;
    z-index: 4;
    box-shadow: none;
    text-align: center;
    background: var(--primary-black);
    color: var(--white);
}
.SingleOppAssessment .primaryBtn.shareVR{background: var(--brandYellow);color: var(--primary-black);display: flex;align-items: center; }
.SingleOppAssessment .primaryBtn.shareVR:hover{ background: var(--primary-black); color: var(--white);}
.SingleOppAssessment .primaryBtn.shareVR svg *{ -webkit-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}
.SingleOppAssessment .primaryBtn.shareVR:hover svg *{ stroke: var(--white);}
.SingleOppAssessment .primaryBtn:hover{background: var(--brandYellow);color: var(--primary-black);}
.SingleOppAssessment .primaryBtn:disabled{background: var(--light-gray);color:#C8C8C8}
.SingleOppAssessment .testBox.testBlocked .primaryBtn{background: var(--light-gray);color:#C8C8C8;cursor: default;pointer-events: none;}
.SingleOppAssessment .testBox.testBlocked .boxInfoBtn{display: none;}
.SingleOppAssessment .testBox img.skillImage{height: 2.125rem;width: auto;}

.SingleOppAssessment.fadeTestProgress{-webkit-animation:fade-out 1s ease-out both;animation:fade-out 1s ease-out both;pointer-events: none;}

.SingleOppAssessment .testBox .expiryMsg{font-size: 0.75rem;color: var(--secondary-black);font-weight: 400;margin-top: 0.5rem;}
.SingleOppAssessment .testBox .expiryMsg .redText{color: var(--failureRed);font-weight: 600;white-space: nowrap;}
.SingleOppAssessment .testBox .expiryRestart{font-size: 0.875rem;color: var(--text-gray);font-weight: 400;max-width: 14.375rem;}
.SingleOppAssessment .testBox .expiryRestart button.textBtn{font-size: inherit;color: var(--failureRed);font-weight: 600;display: inline-block;
    text-decoration: underline;line-height: 17px;}

@media (max-width:1536px){
    .SingleOppAssessment .boxInfoBtn{min-width: 24px;min-height: 24px;width: 24px;height: 24px;}
}

@media(max-width:900px){
    .SingleOppAssessment .testBox .mandatory .para-cta{display: flex;align-items: flex-start;gap: 16px;flex-wrap: wrap;}
}


@media (max-width:767px){
    .SingleOppAssessment .stepsHead .pendingSteps{margin-top: 0;}
    .SingleOppAssessment .stepsHead .failedStep span{margin-top: 0;}
    /* .SingleOppAssessment .stepsHead .failedStep span.unqualifiedTag{display: none;} */
    .SingleOppAssessment .testBox .boxInfoBtn{display: none;}
    .SingleOppAssessment .testBox .testResult .boxInfoBtn{display: block;}
    .SingleOppAssessment .assessmentSteps > ul > li{gap:24px}
    .SingleOppAssessment .testBox.testTaken{flex-wrap:wrap;}
    .SingleOppAssessment .testBox .failedScore{justify-content: flex-start;}
    .SingleOppAssessment .testBox .testResult{width: 100%;justify-content: space-between;}
    .SingleOppAssessment .testBox .expiryRestart{max-width: unset;}
}

@media (max-width:480px){
    .SingleOppAssessment .assessmentSteps > ul > li .stepItem .head .titleWithDuration{gap: 4px;}
    .SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem .head{gap:8px}
    .SingleOppAssessment .assessmentSteps > ul > li.locked .stepItem .boxInfoBtn{display: none;}
    .SingleOppAssessment .assessmentSteps > ul > li.screening .head{gap:4px}
}
.modal.commonModalWrap.TestSessionExpiredModal .modal-body{text-align: left;font-size: 16px;padding: 40px;}
.modal.commonModalWrap.TestSessionExpiredModal .head{border-bottom: 1px solid var(--text-field-outline-2);padding-bottom: 32px;color: var(--text-gray);margin-bottom: 32px;}
.modal.commonModalWrap.TestSessionExpiredModal .head h6{font-size: inherit;font-weight: 500;}
.modal.commonModalWrap.TestSessionExpiredModal .content{display: flex;flex-direction: column;gap: 32px;}
.modal.commonModalWrap.TestSessionExpiredModal .content .action{display: flex;align-items: center;gap: 24px;flex-wrap: wrap-reverse;}
.modal.commonModalWrap.TestSessionExpiredModal .content .action button{font-size: inherit;font-weight: 700;line-height: 18px;}

@media(max-width:680px){
    .modal.commonModalWrap.TestSessionExpiredModal .modal-body{font-size: 14px;padding: 40px 24px;}
}
@media(max-width:425px){
    .modal.commonModalWrap.TestSessionExpiredModal .modal-body{font-size: 12px;padding: 40px 16px;}
    .modal.commonModalWrap.TestSessionExpiredModal .head{margin-bottom: 16px;padding-bottom: 16px;}
    .modal.commonModalWrap.TestSessionExpiredModal .content{gap: 16px;}
    .modal.commonModalWrap.TestSessionExpiredModal .content .action{gap: 16px;}
}


/* SingleOppAssessment  End ######################################################### */

.commonModal.assesTestModal .modal-body .heading{margin-bottom: 24px;}
.commonModal.assesTestModal .modal-body .heading h3{margin-bottom: 8px;}

.benchmarkNscore{font-size: 12px;font-weight: 400;color: var(--text-gray);display: flex;align-items: center;justify-content: center;}
.benchmarkNscore strong{font-weight: 500;}
/* SingleOppAssessment  End ######################################################### */

/* shiftInfo Hover IST START */
.shiftInfo{display:inline-block;cursor:default;position:relative;}
.shiftInfo .shiftInfoHover{display:inline-block;width:auto;white-space: nowrap;;position:absolute;text-align:left;color:var(--white);font-size:0.75rem;line-height:1rem;font-weight:500;background:var(--secondary-black);border-radius:8px;top:100%;margin-top:0.875rem;padding:0.5rem;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;pointer-events:none;}
.shiftInfo:hover .shiftInfoHover{opacity:1;visibility:visible;}
.shiftInfo .shiftInfoHover:before{content:'';width:0.5625rem;height:0.4375rem;display:inline-block;position:absolute;top:-0.375rem;right:0;left: 0;margin-inline: auto;border-width:0 4px 7px;border-color:var(--secondary-black) transparent;border-style:solid;}
@media(max-width:575px) {
    .shiftInfo .shiftInfoHover{max-width: 70vw;z-index:1;}
}
@media(max-width:425px) {
    .shiftInfo .shiftInfoHover{width: 150px;white-space: normal;}
}
/* shiftInfo Hover IST END */


/* Browser block AI screening */

.commonModalWrap.aiScreeningBrowser .modal-dialog{width: 723px;}
.commonModalWrap.aiScreeningBrowser .modal-body{padding: 60px 40px 40px;}
.commonModalWrap.aiScreeningBrowser .modal-body .content{display: flex;gap: 16px;align-items: flex-start;text-align: left;}
.commonModalWrap.aiScreeningBrowser .modal-body .content > img{width: 94px;height: 108px;margin-top: -16px;}
.commonModalWrap.aiScreeningBrowser .modal-body .content .rightDiv{display: flex;flex-direction: column;}
.commonModalWrap.aiScreeningBrowser .modal-body .content h6{font-size: 18px;font-weight: 700;line-height: 22px;margin-bottom:8px}
.commonModalWrap.aiScreeningBrowser .modal-body .content p{font-size: 14px;font-weight: 400;line-height: 20px;margin-bottom: 32px;color: var(--text-gray);}
.commonModalWrap.aiScreeningBrowser .modal-body .content p.subHeader{line-height: 17px;margin-bottom: 24px;color: var(--secondary-black);}
.commonModalWrap.aiScreeningBrowser .browserList{display: flex;align-items: flex-start;text-align: center;gap: 16px;justify-content: space-between;
    font-size: 14px;font-weight: 500;line-height: 17px;max-width: 436px;margin-bottom: 40px;}
.commonModalWrap.aiScreeningBrowser .browserList .item{display: flex;flex-direction: column;gap:8px;align-items: center;width: 108px;}
.commonModalWrap.aiScreeningBrowser .browserList .item img{width: 64px;height: 64px;}

@media(max-width:767px){
    .commonModalWrap.aiScreeningBrowser .modal-body{padding: 56px 24px 24px;}
}
@media(max-width:576px){
    .commonModalWrap.aiScreeningBrowser .modal-body .content{flex-direction: column;}
    .commonModalWrap.aiScreeningBrowser .browserList{font-size: 12px;}
}
@media(max-width:425px){
    .commonModalWrap.aiScreeningBrowser .browserList .item{width: auto;}
    .commonModalWrap.aiScreeningBrowser .browserList .item img{width: 48px;height: 48px;}
}

.appliedWithoutScreening{display: flex;align-items: flex-start;border: 1px solid var(--text-field-outline-2);padding: 20px 24px 16px;border-radius: 8px;gap: 16px;}
.appliedWithoutScreening > svg{min-width: 48px;}
.appliedWithoutScreening .detes h6{font-size: 18px;font-weight: 600;line-height: 21.94px;margin-bottom: 16px;}
.appliedWithoutScreening .detes label{font-size: 12px;font-weight: 600;line-height: 14.63px;text-align: left;color: var(--text-gray);margin-bottom: 8px;}
.appliedWithoutScreening .detes .para-cta{
    display: flex;align-items: flex-start;color: var(--text-gray);font-size: 12px;font-weight: 400;line-height: 15.74px;
    column-gap: 21px;row-gap: 16px;margin-bottom: 24px;flex-direction: column;
}

.appliedWithoutScreening .detes .para-cta .outlinedBtn{white-space: nowrap;}
.appliedWithoutScreening .detes .primaryBtn{font-size: 12px;font-weight: 600;line-height: 14.63px;white-space: nowrap;}
.appliedWithoutScreening .detes .note{font-size: 12px;font-weight: 400;line-height: 14.63px;color: #46301A;}
.appliedWithoutScreening .detes .note strong{font-weight: 600;}

.applyWithoutScreening{display: flex;align-items: flex-start;padding: 0 8px;gap: 16px;}
.applyWithoutScreening > svg{min-width: 32px;width: 32px;height: 32px;}
.applyWithoutScreening .para-cta{
    display: flex;align-items: center;font-size: 14px;font-weight: 400;line-height: 17px;
    column-gap: 21px;row-gap: 16px;justify-content: space-between;width: 100%;text-align: left;
}

.SingleOppAssessment .appliedWithoutScreening.videoResumeDetailsCard + .assessmentSteps{
    border-top: none;
}

.chunkProcessLoader{
    border: 1px solid var(--bg-secondary);border-radius: 8px;padding: 16px 16px 24px;
}
.chunkProcessLoader .videoIcon{background: url('/images/talent/videoProcessingBg.png');width: 166px;height: 116px;
    position: absolute;top: 16px;left: 16px;filter: blur(12px) opacity(0.4);z-index: 9;
}
.chunkProcessLoader .loader{
    padding: 32px 24px;z-index: 11;position: relative;display: flex;align-items: center;gap: 24px;
}

.chunkProcessLoader .loader .spinner-parent{width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;}

@keyframes spinner-c7wet2 {
    100% {
       transform: rotate(1turn);
    }
 }
.spinner {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#113ACA 94%,#0000) top/9px 9px no-repeat,
           conic-gradient(#0000 30%,#113ACA);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
    animation: spinner-c7wet2 1s infinite linear;
 }
 

.appliedWithoutScreening.videoResumeDetailsCard {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    background: rgba(249, 248, 244, 0.32);
    gap: 0;
}

.appliedWithoutScreening.videoResumeDetailsCard .row1 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;

}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .video-thumbnail {
    min-width: 166px;
    width: 166px;
    height: 116px;
    border-radius: var(--Medium-Curve, 8px);
    background: linear-gradient(183deg, rgba(12, 12, 12, 0.00) -6.65%, #0C0C0C 116.28%);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;

}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .video-thumbnail img ,
.appliedWithoutScreening.videoResumeDetailsCard .row1 .video-thumbnail video {
    height: 100%;
    width: 100%;
    object-fit: cover;

}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .video-thumbnail .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .content h3 {
    color: var(--primary-black);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .content .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    text-decoration: none;
    gap: 8px;

    color: var(--Secondary-text, var(--registration-menu-content, var(--text-gray)));
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .content .info .date {
    color: var(--2ndsary-text, var(--registration-menu-content, var(--text-gray)));
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.appliedWithoutScreening.videoResumeDetailsCard .row1 .content .info .view-count {
    color: #749C8D;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    white-space: nowrap;
}
.appliedWithoutScreening.videoResumeDetailsCard .row1 .content p {
    color: var(--Secondary-text, var(--registration-menu-content, var(--text-gray)));
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 18px 0 0 0;
}
.appliedWithoutScreening.videoResumeDetailsCard .row1 .content .replace-video-btn {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-black);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 24px;
    border: 1px solid var(--text-field-outline-2);
    background: var(--white);
    cursor: pointer;
}

.appliedWithoutScreening.videoResumeDetailsCard hr {
    width: 100%;
    border-top: 2px dashed rgba(35, 35, 35, 0.20);
    margin: 24px 0;
}

.appliedWithoutScreening.videoResumeDetailsCard .row2 p {
    color: var(--primary-black);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 8px 0;
}
.appliedWithoutScreening.videoResumeDetailsCard .row2 {
    display: flex;
    flex-direction: column;
}
.appliedWithoutScreening.videoResumeDetailsCard .row2 span {
    color: var(--validated-green, var(--successGreen));
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 16px 0;
}

.client-visibilty-toggle {
    display: flex;
    /* width: 337px; */
    max-width: max-content;
    /* height: 49px; */
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    cursor: pointer;
    user-select: none;
    border-radius: 42px;
    border: 1px solid var(--Validated-green, var(--successGreen));
    background: var(--Status-greem, var(--bg-green-light));
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: 300ms ease;
}

.client-visibilty-toggle svg{
    border-radius: 40px;
    box-shadow: 2px 3px 6px 0px var(--rgb-dark-19);
    min-width: 20px;
}

.client-visibilty-toggle.false {
    color: var(--Secondary-text, var(--registration-menu-content, var(--text-gray)));
    border: 1px solid var(--text-field-outline-2);
    background: linear-gradient(90deg, var(--white) -85.92%, var(--light-gray-DF) 122.54%);
}

.client-visibilty-warning{
    margin: 12px 0 0 0;
    color: var(--2ndsary-text, var(--registration-menu-content, var(--text-gray)));
    font-family: Montserrat;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    position: relative;
    padding-left: 24px;
    text-align: left;

    display: flex;
    align-items: center;
}
.client-visibilty-warning svg{
    position: absolute;
    top: -1px;
    left: 0;
}
.client-visibilty-warning b{
    color: var(--primary-black);
    font-weight: 600;
    margin-right: 4px;    
    font-size: 14px;
}
.videoResumeDetailsCard .client-visibilty-warning p{
    margin: 0 !important;
}


/* AI screening tips START*/
.commonModalWrap.skillInfoModal p.description.aiScreening{color: var(--secondary-black);margin-bottom: 24px !important;margin-top: 8px;}
.commonModalWrap.skillInfoModal .successRateAI{background:rgba(255, 253, 243, 1);color: rgba(147, 63, 0, 1);padding: 8px;
    display: flex;flex-direction: column;gap: 16px;width: 100%;margin-bottom: 16px;}
.commonModalWrap.skillInfoModal .successRateAI .head{font-size: 18px;font-weight: 500;line-height: 22px;display: flex;align-items: center;}
.commonModalWrap.skillInfoModal .successRateAI .head > img{width: 32px;height: 32px;}
.commonModalWrap.skillInfoModal .successRateAI ul{display: flex;flex-direction: column;gap: 12px;padding-left: 24px;}
.commonModalWrap.skillInfoModal .successRateAI ul li{list-style-type:disc;font-size: 12px;font-weight: 400;line-height: 15px;}

.commonModalWrap.skillInfoModal .screeningTipsHead{font-size: 18px;font-weight: 400;line-height: 22px;display: flex;align-items: center;gap: 8px;}
.commonModalWrap.skillInfoModal ul.screeningTips{display: flex;flex-direction: column;gap:12px;padding: 16px 0 8px;}
.commonModalWrap.skillInfoModal ul.screeningTips li{font-size: 12px;font-weight: 400;line-height: 18px;color: var(--text-gray);padding-left: 24px;position: relative;}
.commonModalWrap.skillInfoModal ul.screeningTips li::before{position: absolute;top: 0;left: 0;content: url('/images/talent/bullet-pin.png');width: 16px;height: 16px;}
.commonModalWrap.skillInfoModal ul.screeningTips li ul{display: flex;margin-top: 8px;gap: 24px;}
.commonModalWrap.skillInfoModal ul.screeningTips li ul li{padding-left: 0;font-weight: 500;}
.commonModalWrap.skillInfoModal ul.screeningTips li ul li:first-child{padding-right: 24px;border-right: 1px solid var(--text-field-outline-2);}
.commonModalWrap.skillInfoModal ul.screeningTips li ul li span.green{color:var(--successGreen);font-weight: 600;}
.commonModalWrap.skillInfoModal ul.screeningTips li ul li span.blue{color:#11A4F6;font-weight: 600;}
.commonModalWrap.skillInfoModal ul.screeningTips li ul li:before{all: unset;}

.commonModalWrap.skillInfoModal .bottomAction{display: flex;align-items: flex-start;gap: 1.5rem;flex-wrap: wrap;margin-top: 1rem;}
.commonModalWrap.skillInfoModal .bottomAction .underlinedBtn{font-size: 1.125rem;font-weight: 700;line-height: 1.37125rem;height: 2.875rem;display: flex;align-items: center;}
.commonModalWrap.skillInfoModal .bottomAction .btn{margin-top: 0 !important;}
.commonModalWrap.skillInfoModal .bottomAction .testNote{margin-top: 0.5rem;}

/* .commonModal.skillInfoModal{
    min-height: calc(100% - (1.75rem * 2));
    margin: 1.75rem auto;
    position: relative;
    height: auto;top: unset;left: unset;
} */
.commonModal.skillInfoModal .modal-dialog{margin: 0 auto;}

@media(max-width:767px){
    /* .commonModalWrap.skillInfoModal .successRateAI{display: none;} */
    /* .commonModalWrap.skillInfoModal ul.screeningTips{display: none;} */
}
@media(max-width:680px){
    .commonModalWrap.skillInfoModal .bottomAction{flex-direction: column-reverse;align-items: flex-start;gap: 16px;}
}
@media(max-width:576px){
    .appliedWithoutScreening .detes .para-cta{flex-direction: column;align-items: flex-start;}
    .applyWithoutScreening .para-cta{flex-direction: column;align-items: flex-start;}
}

@media(max-width:480px){
    .commonModalWrap.skillInfoModal .successRateAI .head{align-items: flex-start;}
    .appliedWithoutScreening.videoResumeDetailsCard .row1{flex-direction: column;width:100%;}
    .appliedWithoutScreening.videoResumeDetailsCard .row1 .content p{margin-top: 8px;}
    .appliedWithoutScreening.videoResumeDetailsCard hr{margin: 20px 0 16px;}
    .appliedWithoutScreening.videoResumeDetailsCard .row1 .video-thumbnail{width:100%;height:151px;}
}

.viewMoreDetailsBtn{padding: 10px 16px;border: none;background: var(--bg-primary);font-size: 14px;font-weight: 700;line-height: 17px;text-transform: none;display: flex;align-items: center;gap: 4px;white-space: nowrap;transition: all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;border-radius: 28px;color: var(--text-primary);}
.viewMoreDetailsBtn svg{width: 20px;height: 20px;}
.viewMoreDetailsBtn:hover{background: var(--bg-light-gray-E9);}
.viewMoreDetailsBtn:focus{border: 1px solid var(--text-field-outline-2);}

.opportunitiesItem.isClosed .viewMoreDetailsBtn{color: var(--text-gray);}
.opportunitiesItem.isClosed .viewMoreDetailsBtn svg path{stroke: var(--text-gray);}

.take-test-modal .modal-content .modal-body .warning-note .wn-inner-box{margin: 0px 0 16px;}
.take-test-modal .modal-content .modal-body .warning-note .wn-inner-box strong{
    font-size: 11px;font-weight: 600;line-height: 13.41px;color: #8F5510;
}

.take-test-modal .modal-content .modal-body .whatdo-next{
    display: flex;flex-direction: column;align-items: flex-start;gap: 4px;border-top: 1px dashed var(--text-field-outline-2);padding-top: 24px;
}
.take-test-modal .modal-content .modal-body .whatdo-next h6{font-size: 12px;font-weight: 500;line-height: 14.63px;margin-bottom: 4px;}
.take-test-modal .modal-content .modal-body .whatdo-next strong{font-size: 11px;font-weight: 500;line-height: 15px;color: var(--text-gray);}
.take-test-modal .modal-content .modal-body .whatdo-next p{font-size: 11px;font-weight: 400;line-height: 15px;color: var(--text-gray);}
/* AI screening tips END*/



/* Featured Opps START */
.featuredOpps{border: 1px solid var(--bg-secondary);padding: 24px 0 24px 24px;box-shadow: 1px 3px 4px 0px rgba(206, 204, 204, 0.24);border-radius: 8px;margin-bottom: 32px;position: relative;
    background: linear-gradient(0deg, #F9F8F0 80%, #F7F7F5 0%);background:#FAFAF4;}
.featuredOpps .head{display: flex;justify-content: space-between;align-items: center;gap: 16px;border-radius: 64px;border: 1px solid var(--text-field-outline-2);padding:16px 24px;
    margin: 0 24px 24px 0;position: relative;}
.featuredOpps .head .bg-gradient{position: absolute;top: 0;left: 0;width: 164px;height: 100%;background: linear-gradient(90deg, rgba(254,243,192,1) 24%, rgba(255,255,255,0) 100%);border-radius: 64px;z-index: 1;}
.featuredOpps .sectionCloseBtn{position:absolute;top:8px;right:8px;cursor:pointer;border:none;box-shadow:none;border-radius:0;padding:0;background:transparent;
    -webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;z-index:1;}
.featuredOpps .head .left{display: flex;align-items: center;gap: 8px;z-index: 2;}
.featuredOpps .head .left > img{margin-top: -6px;}
.featuredOpps .head .left h5{font-size: 22px;font-weight: 600;line-height: 27px;}
.featuredOpps .head .left h5 .spotlight{position: relative;}
.featuredOpps .head .left h5 .spotlight::after{position: absolute;top: -18px;right: -3px;content: url(/images/talent/work/spotlight.svg);}
.featuredOpps .head .right{display: flex;align-items: center;gap: 24px;font-size: 12px;font-weight: 500;line-height: 15px;color: var(--text-gray);z-index: 2;}
.featuredOpps .head .right span{white-space: nowrap;}
.featuredOpps .opportunities-wrap .opportunitiesItemBody{background: var(--white);}

.featuredOpps .slick-prev{width: 40px;height: 40px;left: -32px;top: 64px;background: var(--white);outline: 1px solid var(--text-field-outline-2);border-radius: 20px;padding: 5px;cursor: pointer;}
.featuredOpps .slick-prev:after{width:30px;height: 30px;left: 50%;transform: translate(-50%,-50%);}
.featuredOpps .slick-next{width: 40px;height: 40px;right: -8px;top: 64px;background: var(--white);outline: 1px solid var(--text-field-outline-2);border-radius: 20px;padding: 5px;cursor: pointer;}
.featuredOpps .slick-next:after{width:30px;height: 30px;right:unset;left: 50%;transform: translate(-50%,-50%);}
.featuredOpps .slick-prev:focus,.slick-next:focus{outline: 1px solid var(--text-field-outline-2);}
.featuredOpps .opportunities-wrap .slick-list{padding: 0px!important;}
.featuredOpps .opportunities-wrap .slick-slide{padding-right: 32px;padding-left: 0;}
.featuredOpps .opportunities-wrap .single-item .slick-track{margin-left: 0;margin-right: 0;}

.featuredOpps .opportunitiesItem{margin-bottom: 0;}

@media (max-width: 1100px){
    .featuredOpps .head .left h5{font-size: 20px;}
}
@media (max-width: 1024px){
    .featuredOpps .head .left h5{font-size: 18px;}
    .featuredOpps .head .left h5 .spotlight::after{right: -6px;}
}
@media (max-width: 940px){
    .featuredOpps .head .left h5{font-size: 18px;}
    .featuredOpps .head .left h5 .spotlight::after{right: -6px;}
    .featuredOpps .head .right{flex-direction: column;gap: 8px;align-items: flex-end;}
}
@media (max-width: 840px){
    .featuredOpps .head .left h5{font-size: 16px;}
    .featuredOpps .head .left h5 .spotlight::after{right: -4px;}
}

@media (max-width: 767px){
    .featuredOpps .slick-arrow {width: 40px !important;height: 40px !important;}
    .featuredOpps{padding: 24px 0 16px 24px;}
    .featuredOpps .slick-prev{left: -24px;}
    .featuredOpps .slick-next{right: -8px;}
}

@media (max-width: 576px){
    .featuredOpps{padding: 24px 0px 16px 16px;}
    .featuredOpps .slick-prev{left: -20px;}
    .featuredOpps .slick-next{right: -4px;}
    .featuredOpps .opportunities-wrap .slick-slide{padding-right: 16px;padding-left: 0;}
    .featuredOpps .head{flex-direction: column;align-items: flex-start;gap: 4px;}
    .featuredOpps .head .left{gap:8px}
    .featuredOpps .head .right{flex-direction: row;gap: 16px;align-items: center;margin-left: 36px;}
    .commonModalWrap.skillInfoModal p.description.aiScreening{font-size: 12px;margin-top: 0 !important;margin-bottom: 8px !important;}
}

@media (max-width: 480px){
    .featuredOpps .head{border-radius: 24px;padding: 16px;}
    .featuredOpps .head .bg-gradient{border-radius: 24px;}
    .featuredOpps .head .left{align-items: flex-start;}
    .featuredOpps .head .left > img{margin-top: 0;}
    .featuredOpps .head .left h5{font-size: 14px;}
    .featuredOpps .head .right{flex-direction: column;gap: 4px;align-items: flex-start;margin-left: 36px;}
}

/* Featured Opps END */


/* ======= Start About the company CSS ======= */

.aboutTheCompanySec{border-top:4px solid #babABA33;padding: 2.5rem 0 0;margin-top:1.25rem}
.aboutTheCompanySec h3{font-size:2.125rem;font-weight:500;line-height:2.5625rem;color:var(--primary-black)}
.aboutTheCompanySec .aboutcompanyList{gap:1rem;display:flex;margin:1.5rem 0 2rem}
.aboutTheCompanySec .aboutcompanyList .aboutComLogo{
    width:4.25rem;height:4.25rem;min-width:4.25rem;border-radius:0.5rem;display:inline-flex;align-items:center;justify-content:center;
    background:#eee;position:relative;background: var(--white);padding:0.25rem;outline:1px solid var(--text-field-outline-2);
    &:has(.company_intialBg) {
        padding: 0;
        border: none;
        outline: none;
    }
}
.aboutTheCompanySec .aboutcompanyList .aboutComLogo img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius: 6px;}
.aboutTheCompanySec .aboutComInfo h2{font-family:Montserrat;font-size:1.5rem;line-height:1.875rem;font-weight:500;color:var(--primary-black);margin-bottom:0.75rem}
.aboutTheCompanySec .aboutComInfo ul{gap:3rem;margin:0;word-break:break-word;align-items:baseline;display:flex}
.aboutTheCompanySec .aboutComInfo ul h4{color:var(--text-gray);font-size:0.75rem;font-weight:600;line-height:0.875rem;margin-bottom:0.1875rem}
.aboutTheCompanySec .aboutComInfo ul a{color:var(--RA-primary-cta);font-size:0.875rem;font-weight:500;line-height:1.125rem}
.aboutTheCompanySec .aboutComInfo ul a.company_link{text-decoration:underline}
.aboutTheCompanySec .aboutComInfo ul a.company_link:hover{text-decoration:none}
.aboutCompanytwoSecWrap{display:flex;gap:2rem}
.aboutCompanytwoSecWrap h4{color:#676767;font-size:0.75rem;font-weight:400;line-height:1rem;margin-block:0.5rem 0.25rem}
.aboutCompanytwoSecWrap p{color:var(--secondary-black);font-size:0.875rem;font-weight:400;line-height:1.375rem;margin-bottom:1.125rem}
.aboutCompanytwoSecWrap hr{margin-top:2rem;margin-bottom:2rem;border:0;border-top:1px dashed rgba(206,204,204,.4)}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft{border:1px solid #cecCCC66;background:var(--white);padding:1.5rem;border-radius:1.125rem;flex:1}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul{column-gap:2.5rem;row-gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap;display:flex}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul li{margin-right:0}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul li span{display:block;color:#676767;font-size:0.75rem;font-weight:400;line-height:0.875rem;margin-bottom:0.3125rem}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul li p{color:var(--secondary-black);font-size:0.875rem;font-weight:500;line-height:1.0625rem;margin-bottom:0}
.aboutCompanytwoSecWrap .funding-rounds{border-top:1px solid #bababa33;padding-top:0.5rem;padding-bottom:1.875rem;margin-top:0.625rem}
.aboutCompanytwoSecWrap .funding-rounds ul{display:flex;flex-wrap:wrap;margin-bottom:0}
.aboutCompanytwoSecWrap .funding-rounds li{border-right:1px solid #bababa33;padding-right:1.5rem;margin-right:1.5rem}
.aboutCompanytwoSecWrap .funding-rounds li span{display:inline-block;color:var(--secondary-black);font-size:0.875rem;font-weight:600;line-height:1.125rem;margin-bottom:0.5rem}
.aboutCompanytwoSecWrap .funding-rounds li h3{font-size:1.5rem;font-weight:600;color:var(--secondary-black);line-height:1.75rem}
.aboutCompanytwoSecWrap .funding-rounds li:last-child{margin-right:0;padding-right:0;border:0;max-width:15.5rem}
.aboutCompanytwoSecWrap .funding-rounds li p{color:#676767;font-size:0.875rem;font-weight:400;line-height:0.875rem}
.aboutCompanytwoSecWrap .funding-rounds li p a{font-size:0.75rem;font-style:italic;font-weight:500;color:var(--RA-primary-cta);text-decoration:underline;margin-left:0.25rem}
.aboutCompanytwoSecWrap .rounds-list{display:flex;flex-wrap:wrap;border-top:1px dashed #23232333;padding-top:3rem;column-gap:2rem;row-gap:3.75rem;margin-top:0.625rem}
.aboutCompanytwoSecWrap .round-list-content{position:relative;margin-right:0;width:calc(25% - 29px)}
.aboutCompanytwoSecWrap .round-list-content>span{position:relative}
.aboutCompanytwoSecWrap .round-list-content>span .roundHoverAction{display:none}
.aboutCompanytwoSecWrap .round-list-content>span:hover .roundHoverAction{display:flex;align-items:center;position:absolute;bottom:-26px;right:2px;border:1px solid #676767;border-radius:15px;overflow:hidden;background: var(--lightest-yellow);min-width:66px}
.aboutCompanytwoSecWrap .round-list-content:hover .roundHoverAction span{display:flex;align-items:center;justify-content:center;font-size:16px;padding:3px;width:50%;background:0 0;margin:0;border-right:1px solid #676767;border-radius:0;cursor:pointer}
.aboutCompanytwoSecWrap .round-list-content:hover .roundHoverAction span:nth-child(2){border-right:0;color:var(--failureRed)}
.aboutCompanytwoSecWrap .round-list-content.Selected span{background:var(--brandYellow)}
.aboutCompanytwoSecWrap .round-list-content.Selected h4,.aboutCompanytwoSecWrap .round-list-content.Selected p{color:var(--text-field-outline-2)}
.aboutCompanytwoSecWrap .round-list-content h4{color: var(--secondary-black);font-size:16px;font-weight:600;margin-bottom:4px}
.aboutCompanytwoSecWrap .round-list-content p{color:var(--secondary-black);font-size:12px;font-weight:400;line-height:14.63px;margin-bottom:0}
.aboutCompanytwoSecWrap .round-list-content span{font-size:12px;font-weight:500;color:var(--secondary-black);margin-bottom:8px;padding:5px 8px;border-radius:100px;background:#bababa33;display:table}
.aboutCompanytwoSecWrap .round-list-content.active span{background:linear-gradient(118.92deg,#efeeff 26.18%,rgba(255,234,222,.94) 96.85%)}
.aboutCompanytwoSecWrap .round-list-content::before{height:36px;width:1px;border-left:1px dashed #23232333;content:"";position:absolute;top:3.0625rem;left:0}
.aboutCompanytwoSecWrap .img-section{display:flex;flex-wrap:wrap;margin-bottom:2rem;column-gap:1.375rem;row-gap:1rem;margin-top:1.5rem}
.aboutCompanytwoSecWrap .img-section .img-thumb,.aboutCompanytwoSecWrap .img-section .video-wrapper{position:relative;width:calc(33.33% - 15px);border-radius:18px;overflow:hidden;padding-top:19.4%}
.aboutCompanytwoSecWrap .img-section .img-thumb>img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;object-fit:cover}
.aboutCompanytwoSecWrap .company-benefits ul{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:0}
.aboutCompanytwoSecWrap .company-benefits li{display:flex;flex-wrap:wrap;align-items:center;padding:1rem;font-size:0.875rem;font-weight:500;color:var(--secondary-black);background:rgba(249,248,244,1);border-radius:14px;border:1px solid rgba(206,204,204,.4)}
.aboutCompanytwoSecWrap .company-benefits li img{margin-right:0.75rem;}
.aboutCompanytwoSecWrap .jobOpeningBox{background:var(--bg-light-yellow);padding:24px;width:322px;border-radius:12px}
.aboutCompanytwoSecWrap .jobOpeningBox h3{color:var(--text-gray);font-size:16px;font-weight:600;line-height:20px;margin-bottom:16px}
.aboutCompanytwoSecWrap .jobOpeningBox h3 span{font-weight:400}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail{display:flex;flex-wrap:wrap;gap:32px}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail li{width:100%}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .jobOpeningDetailTop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .jobOpeningDetailTop h4{color:var(--primary-black);font-size:14px;font-weight:500;line-height:18px;margin-bottom:0}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .jobOpeningDetailTop span{cursor:pointer}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .jobOpeningDetailMiddle{display:flex;gap:20px;align-items:center}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .jobOpeningDetailMiddle span{position:relative;color:var(--text-gray);font-size:11px;font-weight:400;line-height:14px}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .jobOpeningDetailMiddle span:nth-child(2):after{content:"";position:absolute;top:6px;left:-12px;background:rgba(107,107,107,.6);width:4px;height:4px;border-radius:50%}
.aboutCompanytwoSecWrap .jobOpeningBox .jobOpeningDetail .currentlyText{display:flex;gap:4px;align-items:center;color:#609380;font-size:10px;font-weight:500;line-height:12px;margin-top:4px}

.aboutus-company{font-size:14px;line-height:17px;color:var(--primary-black)}
.aboutus-company *{font-size:14px!important;line-height:17px!important;color:var(--primary-black)}
.video-wrapper iframe{border:none}
.img-section .video-wrapper{overflow:hidden;width:32%;border-radius:18px;position:relative;overflow:hidden;padding-top:18.25%}
.img-section .video-wrapper iframe{overflow:hidden;border-radius:18px;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}

/*HR Video Resume*/
.HRVideoResume{display: flex;align-items: flex-start;flex-direction: column;gap: 40px;width: 100%;margin-top: 20px;}
.HRVideoResume .placeholderBlank{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;height: 382px;background: #1D1D1D;border-radius: 16px;color: var(--white);border: 2px solid transparent;padding: 16px;}
.HRVideoResume .placeholderBlank .primaryBtn{display: flex;align-items: center;gap: 12px;font-size: 14px;line-height: 18px;border:2px solid transparent;padding-top: 10px;padding-bottom: 10px;}
.HRVideoResume .placeholderBlank .outlinedBtn{border: 2px solid var(--white);color: var(--white);display: flex;align-items: center;gap: 12px;font-size: 14px;line-height: 18px;padding-top: 10px;padding-bottom: 10px;}
.HRVideoResume .tips .head{display: flex;align-items: center;gap: 8px;font-size: 18px;font-weight: 400;line-height: 21.94px;}
.HRVideoResume .tips .head img{width: 32px;height: 32px;}
.HRVideoResume .tips ul{margin: 16px 0 8px;display: flex;flex-direction: column;gap: 16px;}
.HRVideoResume .tips ul li{padding: 12px 16px;box-shadow: -6px 6px 10px 0px rgba(205, 205, 205, 0.25);border: 1px solid var(--rgb-gray-20);border-radius: 8px;display: flex;align-items: center;gap: 16px;}
.HRVideoResume .tips ul li svg{min-width: 20px;}
.HRVideoResume .placeholderBlank .primaryBtn, .HRVideoResume .placeholderBlank .outlinedBtn{margin-top: 0 !important;}
.HRVideoResume .placeholderBlank .primaryBtn svg, .HRVideoResume .placeholderBlank .outlinedBtn svg{min-width: 20px;}


/*Responsive*/
@media screen and (max-width:1440px){
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .funding-rounds{border-top:0;border-left:1px solid var(--text-field-outline-2);padding-bottom:0;margin-bottom:20px}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .funding-rounds ul{gap:16px}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .funding-rounds li{position:relative;border-right:0;padding-right:0;padding-left:32px;margin-right:24px;width:100%}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .funding-rounds li::after{content:"";position:absolute;top:8px;left:0;height:1px;width:28px;border-top:1px dashed #23232333}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .funding-rounds li p{margin-bottom:0}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .rounds-list{row-gap:16px;column-gap:32px;border-top:0;border-left:1px solid var(--text-field-outline-2);margin-top:0;padding-top:8px}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .round-list-content{padding-left:32px;width:100%}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .round-list-content::before{height:1px;width:28px;border-top:1px dashed #23232333;content:"";position:absolute;top:10px;left:0}
.wrapper:not(.sidebarCollapsed) .aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul{justify-content:inherit}
}

@media screen and (max-width:1400px){
.aboutCompanytwoSecWrap .funding-rounds li span{font-size:0.8125rem}
.aboutCompanytwoSecWrap .jobOpeningBox{padding:16px;width:300px}
.aboutCompanytwoSecWrap .img-section .img-thumb,.aboutCompanytwoSecWrap .img-section .video-wrapper{border-radius:12px}
.aboutCompanytwoSecWrap .img-section .img-thumb>img{border-radius:12px}
.aboutCompanytwoSecWrap .funding-rounds li{padding-right:0.9375rem;margin-right:0.9375rem}
}

@media screen and (max-width:1366px){
.aboutCompanytwoSecWrap .funding-rounds li:last-child{max-width:210px}
}

@media screen and (max-width:1100px){
.aboutCompanytwoSecWrap{flex-wrap:wrap}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul{justify-content:inherit}
}

@media screen and (max-width:991px){
.aboutCompanytwoSecWrap .funding-rounds{border-top:0;border-left:1px solid var(--text-field-outline-2);padding-bottom:0;margin-bottom:20px}
.aboutCompanytwoSecWrap .funding-rounds ul{gap:16px}
.aboutCompanytwoSecWrap .funding-rounds li{position:relative;border-right:0;padding-right:0;padding-left:32px;margin-right:24px;width:100%}
.aboutCompanytwoSecWrap .funding-rounds li::after{content:"";position:absolute;top:8px;left:0;height:1px;width:28px;border-top:1px dashed #23232333}
.aboutCompanytwoSecWrap .funding-rounds li p{margin-bottom:0}
.aboutCompanytwoSecWrap .rounds-list{row-gap:16px;column-gap:32px;border-top:0;border-left:1px solid var(--text-field-outline-2);margin-top:0;padding-top:8px}
.aboutCompanytwoSecWrap .round-list-content{padding-left:32px;width:100%}
.aboutCompanytwoSecWrap .round-list-content::before{height:1px;width:28px;border-top:1px dashed #23232333;content:"";position:absolute;top:10px;left:0}
.appliedWithoutScreening.videoResumeDetailsCard{padding: 16px;}
.HRVideoResume .placeholderBlank{height: 300px;}
.skillInfoModal.take-test-modal .modal-content .modal-body{padding: 32px !important;}
.HRVideoResume{gap: 32px}
.skillInfoModal.take-test-modal .modal-body .outlinedBtn{font-size: 16px;line-height: 20px;}
.skillInfoModal.take-test-modal .modal-content .modalCloseBtn{top: 8px;right: 8px;}
.skillInfoModal.take-test-modal .subhead{margin-bottom: 32px;}
}

@media screen and (max-width:767px){
.aboutTheCompanySec{padding:32px 0 0;margin-top:20px}
.aboutTheCompanySec h3{font-size:27px;line-height:32px}
.aboutTheCompanySec .aboutComInfo ul{gap:32px}
.aboutTheCompanySec .aboutComInfo ul h4{font-size:10px}
.aboutTheCompanySec .aboutComInfo ul a{font-size:12px;line-height:16px}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft{border:0;padding:0;border-radius:0}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul{column-gap:25px;margin-bottom:32px}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul li span{font-size:10px}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul li p{font-size:11px}
.aboutCompanytwoSecWrap .jobOpeningBox{width:100%}
.aboutCompanytwoSecWrap p{color:var(--primary-black);font-size:11px;font-weight:400;line-height:18px;margin-bottom:18px}
.aboutCompanytwoSecWrap hr{margin-top:24px;margin-bottom:24px}
.aboutCompanytwoSecWrap .funding-rounds li span{font-size:0.625rem;line-height:0.875rem;margin-bottom:0.25rem}
.aboutCompanytwoSecWrap .funding-rounds li h3{font-size:14px;line-height:18px}
.aboutCompanytwoSecWrap .funding-rounds li p{margin-bottom:0}
.aboutCompanytwoSecWrap .round-list-content span{font-size:11px;color:var(--primary-black)}
.aboutCompanytwoSecWrap .round-list-content h4{color:var(--primary-black);font-size:14px}
.aboutCompanytwoSecWrap .round-list-content p{color:var(--text-gray);font-size:10px}
.aboutCompanytwoSecWrap .company-benefits ul{gap:8px}
.aboutCompanytwoSecWrap .company-benefits li{padding:8px;font-size:11px;font-weight:500;color:var(--primary-black);border-radius:8px}
.aboutCompanytwoSecWrap .img-section{column-gap:16px;row-gap:16px}
.aboutCompanytwoSecWrap .img-section .img-thumb,.aboutCompanytwoSecWrap .img-section .video-wrapper{width:100%;padding-top:46%}
.aboutTheCompanySec .aboutcompanyList .aboutComLogo{width:64px;height:64px;min-width:64px;padding:4px}
.HRVideoResume .placeholderBlank{height: 240px;border-radius: 10px;gap: 12px;}
.HRVideoResume .placeholderBlank .primaryBtn,.HRVideoResume .placeholderBlank .outlinedBtn {gap: 10px;font-size: 13px;line-height: 16px;padding: 9px 16px;}
.HRVideoResume{gap: 24px}
.skillInfoModal.take-test-modal .modal-body .outlinedBtn{padding: 9px 24px;}
.skillInfoModal.take-test-modal .head.skillInfo.applied h5{font-size: 22px;line-height: 28px;}
.skillInfoModal.take-test-modal .head.skillInfo svg{min-width: 40px;width:40px;height:40px;}
.skillInfoModal.take-test-modal .modal-content .modal-body {padding: 24px 16px 16px !important;}
.HRVideoResume .tips .head{font-size: 16px;line-height: 20px;}
}

@media screen and (max-width:575px){
.aboutTheCompanySec .aboutcompanyList .aboutComLogo{width:60px;min-width:60px;height:60px}
.aboutTheCompanySec .aboutComInfo ul{gap:24px;flex-wrap:wrap}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul{gap:16px}
.aboutCompanytwoSecWrap .aboutTheCompanyLeft .company-details-top ul li{max-width:calc(50% - 8px);width:auto}
.skillInfoModal.take-test-modal .head.skillInfo{align-items: flex-start;}
.skillInfoModal.take-test-modal .head.skillInfo svg{min-width: 32px;width:32px;height:32px;}
.skillInfoModal.take-test-modal .takeTest .ai_nonMandatory .content h4{font-size: 18px;font-weight: 500;line-height: 22px;margin-bottom: 0;}
.HRVideoResume .tips ul li{font-size: 13px;line-height: 18px;}
.HRVideoResume .tips ul li svg{min-width: 18px;}
.HRVideoResume .placeholderBlank .primaryBtn{max-width: 220px;}
}

/* ======= END About the company CSS ======= */

/*====== Start Single Opp Header CSS ====== */

.singleOppHeader{
    height: 0px;
    box-shadow: 0px 1px 14px -3px #898989;
    position: sticky;
    background-color: var(--bg-light-gray);
    top: -100px;
    z-index: 12;
    display: flex;
    flex-direction: row;
    transition: top 0.3s ease-out;
    overflow: hidden;
    padding: 0px 5.5rem;
}

.singleOppHeader.isPublicHR{
    top: -154px;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0 3.375rem;
}
.singleOppHeader.show{
    top: 0;
    min-height: 6.5625rem;
    height: max-content;
    overflow: unset;
    border-bottom: 1px solid var(--text-field-outline-2);
}

.singleOppHeader.isPublicHR.show{
    top: 4.5rem;
}
.singleOppHeader .oppHead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0.3125rem;
    width: 100%;
    flex-wrap: wrap;
    height: fit-content;
    margin: auto;
    gap: 0.9375rem;
}
.singleOppHeader .oppHead .oppHeadContent{
    display: flex;
    align-items: flex-start;
    flex: 1;
    height: 100%;
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.375rem;
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle h3{
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.675rem;
    color: var(--primary-black);
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle p{
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    color: var(--text-gray);
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle .oppInfo {
    display: flex;
    gap: 0.625rem;
    align-items: center;
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle .oppInfo .infoPill{
    min-width: 4.3125rem;
    height: 1.4375rem;
    background-color: #604C2D;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    text-align: center;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.75rem;
    border-radius: 5px;
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadLogo{
    width: 3.375rem;
    height: 3.375rem;
    min-width: 3.375rem;
    border-radius: 8px;
    background: var(--white);
    margin-right: 1.5rem;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    /* padding: 6px; */
}
.singleOppHeader .oppHead .oppHeadAction{
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-left: auto;
}

.singleOppHeader .oppHead .oppHeadAction .primaryBtn{
    background: var(--primary-black);color: var(--white);transition: 0.35s all ease-in-out;display: flex;align-items: center;gap: 0.5rem;justify-content: center;
}
.singleOppHeader .oppHead .oppHeadAction .primaryBtn:hover{background: var(--brandYellow);color: var(--primary-black);transition: 0.35s all ease-in-out;}
.singleOppHeader .oppHead .oppHeadAction .primaryBtn svg path{
    margin-right: 0.25rem;
    stroke: var(--white)
}
.singleOppHeader .oppHead .oppHeadAction .shareVR{
   display: flex;
   align-items: center;
   gap: 0.5rem;
}
.singleOppHeader .oppHead .oppHeadAction .primaryBtn:hover svg path{stroke: var(--primary-black);transition: 0.35s all ease-in-out;}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadLogo .company_intialBg{
    background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 6px
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadLogo .company_intialBg .company_intial {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 13
}
.singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadLogo .company_intialBg  .company_intial h6{
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    text-align: center;
    color: var(--white);
    text-transform: uppercase
}

@media (min-width: 1800px){
    .singleOppHeader{
        padding: 0px 189px;
    }
}

@media (max-width: 1550px){
    .singleOppHeader{
        padding: 0px 88px;
    }
}

@media (max-width: 1280px){
    .singleOppHeader{
        padding: 0px 50px;
    }
}


@media (max-width: 1023px){
    .singleOppHeader.isPublicHR{
        padding: 0 40px;
    }
}

@media (max-width: 991px){
    .singleOppHeader{
        padding: 0px 30px;
    }
}

@media (max-width: 767px){
    .singleOppHeader{
        padding: 0px 16px;
    }
    .singleOppHeader.isPublicHR{
        padding: 0 24px;
    }
}
@media (max-width: 689px){
    .singleOppHeader .oppHead .oppHeadContent .opportunitiesHeadTitle .oppInfo{
        display: none;
    }
}

@media(max-width:576px){
    .singleOppHeader{
        bottom: 0;position: fixed;
        top: unset;width: 100%;
        min-height: unset;
    }
    .singleOppHeader.show{min-height: unset;top: unset;bottom: 0;}
    .singleOppHeader.isPublicHR.show{min-height: unset;top: unset;bottom: 0;left: 0;}
    .singleOppHeader .oppHead{margin:0;display: block;}
    .singleOppHeader .oppHead .oppHeadContent{display: none;}
    .singleOppHeader .oppHead .oppHeadAction{margin: 0;align-items: unset;display: block;}
    .singleOppHeader .oppHead .oppHeadAction .applyBookmark{display: none;}
    .singleOppHeader .oppHead .oppHeadAction .primaryBtn{min-width: 100%;}
    .containSection.singlehr{padding-bottom: 112px;}
}


.applied-ai-needed{
    display: flex;align-items: flex-start;gap: 1.5rem;background: rgba(233, 243, 204, 0.32);border-radius: 8px;border: 1px solid #BBCA8E;
    padding: 1rem 1.5rem;margin-bottom: 1.5rem;
    .left{
        display: flex;gap: 0.75rem;align-items: flex-start;font-size: 0.875rem;font-weight: 500;
        line-height: 1.25rem;
        strong{font-weight: 600;}
        svg{width: 2.5rem;height: 2.5rem;min-width: 2.5rem;}
    }
    .right .primaryBtn{
        background: var(--primary-black);white-space: nowrap;color:white;
        font-size: 0.75rem;font-weight: 600;line-height: 0.8875rem;text-transform: uppercase;
        &:hover{
            color: var(--primary-black);
            background: var(--brandYellow);
        }
    }
}


@media(max-width:700px){
    .applied-ai-needed{
        flex-direction: column;
    }
}
@media(max-width:480px){
    .applied-ai-needed .left{
        flex-direction: column;
    }
}

/* new all opp filter start*/
.opportunitiesFilter .oppAdvanceFilter{gap: 0.75rem;}
.engagementFilter{
    display: none;gap: 0.75rem;
}
.engagementFilter.partner{
    display: flex;
}
.allOpportunities .opportunitiesFilter .searchWithEngagement{
    display: flex;align-items: center;gap: 1rem 2rem;
    .engagementFilter{display: flex;}
}
.engagementFilter .checkbox{
    background: #ECECEC;padding: 0.5rem 1rem;border-radius: 20px;padding-left: 32px;line-height: 1rem;font-weight: 500;transition: 0.35s all ease-in-out;
    outline: 1px solid transparent;
    input{left: 0.75rem;top: 50%;transform: translateY(-50%);}
    .checkmark{left: 0.75rem;top: 50%;transform: translateY(-50%);}
    .checkmark:after{top: 0.25rem;left: 0.1875rem;width: 0.5rem;height: 0.25rem;}
    input:checked~.checkmark:after{top: 0.25rem;left: 0.1875rem;width: 0.5rem;height: 0.25rem;}
}
.engagementFilter .checkbox:hover{
    background: var(--bg-light-yellow);
}
.engagementFilter .checkbox:has(input:checked){background:var(--bg-light-yellow);border: 1px solid var(--brandYellow);}

.engagementFilter.partner .checkbox{
    padding: 0.4375rem 0.75rem !important;display: flex;align-items: center;gap: 0.25rem;line-height: 1rem;
    svg{width: 1.125rem;height: 1.125rem;}
}

@media (max-width:1440px) {
    .allOpportunities .opportunitiesFilter .searchWithEngagement{justify-content: space-between;flex-wrap: wrap;}
    .allOpportunities .opportunitiesFilter .oppFilterTop .oppSortBy{display: none;}
}

@media screen and (max-width:960px){
    .allOpportunities .opportunitiesFilter .oppSearchBox{width: 356px;}
    .allOpportunities .opportunitiesFilter .searchWithEngagement{gap:16px 24px;}
}

@media screen and (max-width:880px){
    .allOpportunities .opportunitiesFilter .searchWithEngagement{
        width: 100%;
        .oppSearchBox{width: 100%;}
    } 
}

@media screen and (max-width:880px){
    .engagementFilter{display: flex;}
    .allOpportunities .opportunitiesFilter .searchWithEngagement .engagementFilter{display: none;}
}

.oppAdvanceFilter .addFiltersMenu{padding: 0;}
.oppAdvanceFilter .addFiltersMenu.masterLoading *{opacity: 0.72;cursor: progress;}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn{
    padding: 0.5rem 0.75rem;background: var(--white);border-radius: 24px;transition: 0.35s all ease;
    line-height: 1;font-weight: 500;font-size: 0.75rem;position: relative;display: flex;align-items: center;gap: 0.5rem;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(99.92deg, #BAB6A3 0%, rgba(193, 183, 171, 0.34) 93.25%) border-box;
    svg{width: 1rem;height: 1rem;min-width: 1rem;margin: 0;transition: all 0.45s ease;transition: inherit;}
}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn .fireIcon{font-size: 1rem;margin-right: -0.25rem;}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn .filterCount{
    width: 1rem;height: 1rem;background: var(--primary-black);color: var(--white);border-radius: 16px;
    display: flex;align-items: center;justify-content: center;font-size: 0.625rem;line-height: 1;font-weight: 500;
}
.oppAdvanceFilter .addFiltersMenu .addFilterToggleBtn:has(.filterCount){outline: 1px solid var(--brandYellow);background: var(--bg-light-yellow);}
.oppAdvanceFilter .addFiltersMenu.show .addFilterToggleBtn{
    font-weight: 500;border: 1.5px solid var(--primary-black);
    svg{transform: rotate(-180deg);}
}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown{
    border: 1px solid var(--brandYellow);left: 50% !important;transform: translateX(-50%) !important;
    margin: 0;top: calc(100% + 0.25rem) !important;
    width: auto;min-width: 10.75rem;max-width: 20rem;
    box-shadow: 0 12px 12px 1px rgba(0,0,0,0.1618);

}
.oppAdvanceFilter #addFiltersMenu_payout.addFiltersMenu .addFilterMainDropdown{
    min-width: 14.625rem;
}

.oppAdvanceFilter #addFiltersMenu_team_size.addFiltersMenu .addFilterMainDropdown{
    min-width: 14.625rem;
}
/* .oppAdvanceFilter #addFiltersMenu_payout.addFiltersMenu .addFilterSubDropdown .customRangeBox .form-group{
    width: 100px;
} */
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul > li{padding: 0.5rem 1rem;}
.oppAdvanceFilter .addFilterMainDropdown > ul.addFilterSubCheckList.selected > li:has(input:checked){
    background: var(--bg-light-yellow);
}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul:first-child > li:first-child{padding-top: 1rem;}
.addFilterSubDropdown .customRangeBox{
    padding: 1rem;margin:0;
    h4{margin-bottom: 0.5rem;}
}
.addFilterSubDropdown .applyFilterBtn{padding: 1rem;margin: 0;}
.oppAdvanceFilter .addFilterMainDropdown .filterTop{
    display: flex;gap: 0.75rem;padding: 1rem 1rem 0.5rem;align-items: center;
    font-size: 0.75rem;font-weight: 500;line-height: 0.8875rem;color: var(--text-gray);
}

.oppAdvanceFilter .addFilterMainDropdown .filterTop.clearTop{
    display: flex;justify-content: flex-end;margin-bottom: -0.5rem;padding-top:0.5rem;
    .underlinedBtn{font-size: 0.75rem;font-weight: 500;line-height: 0.8875rem;color: var(--RA-primary-cta);text-transform: capitalize;}
}
.oppAdvanceFilter .addFilterMainDropdown .filterTop.clearTop.bottom{margin: -0.5rem 0 0;}
.oppAdvanceFilter .addFilterMainDropdown .filterTop.clearTop.maangPlus{justify-content: space-between;}
.oppAdvanceFilter .addFilterMainDropdown .filterTop.suggested{font-size: 10px;line-height: 12.19px;font-weight: 400;padding: 8px 16px 4px;}
.addFilterSubDropdown .checkbox span.light{color: var(--text-gray);}
.addFilterSubDropdown .customRangeBox .customRangeInner .input-suffix{
    display: flex;align-items: center;gap: 0.5rem;
    input{width:3.5rem}
}
.addFilterSubDropdown .customRangeBox .customRangeInner .input-suffix .light{
    font-size: 0.75rem;font-weight: 400;line-height: 0.8875rem;color: var(--text-gray);white-space: nowrap;
}
.addFilterSubDropdown .subDropdownSearch{padding: 1rem 1rem 0.5rem;}

.oppAdvanceFilter .addFiltersMenu.left-edge  .addFilterMainDropdown{
    left: 0 !important;transform: unset !important;
}
.oppAdvanceFilter .addFiltersMenu.right-edge  .addFilterMainDropdown{
    left: unset !important;right: 0 !important;transform: unset !important;
}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown > ul .checkbox{
    white-space: normal;
}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown.searchable{
    min-width: 16.3125rem;
}
.oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown.searchable > ul{
    max-height: 16.3125rem;
    overflow-y: auto;
}
@media(max-height:840px){
    .oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown.searchable > ul{
        max-height: 200px;
    }
}
@media(max-height:720px){
    .oppAdvanceFilter .addFiltersMenu .addFilterMainDropdown.searchable > ul{
        max-height: 150px;
    }
}

.oppAdvanceFilter {
    ::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px var(--rgb-gray-20);
        border-radius: 10px 10px 0 0;
        width: 10px;
        border-left: none;
        border-right: none;
        background-clip: padding-box;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: var(--bg-gray-bf);
        border-radius: 10px;
        min-width: 10px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: var(--text-gray);
    }
}

/* new all opp filter end*/


/* Shimmering opportunity card start */
.shimmer-opp-card{position: relative;width: 100%;margin-bottom: 10px;background-color: var(--white);overflow: hidden;border: 1px solid var(--bg-secondary);border-radius: 8px;margin-bottom: 32px;position: relative;transition: all .3s}.shimmer-opp-card:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);animation: gradient-animation_2 1.4s linear infinite}.shimmer-opp-card .head{width: 100%;height: 100%;position: relative;background: var(--bg-secondary);border-radius: 8px;display: flex;flex-direction: column;gap: 16px;padding: 24px}.shimmer-opp-card span{background-color: #d5d5d5}.shimmer-opp-card .head .top{display: flex;align-items: flex-start;width: 100%;.image{width: 100px;min-width: 100px;height: 100px;border-radius: 8px;margin-right: 24px}.right{margin-top: 6px;display: flex;flex-direction: column;gap: 8px;width: 100%;.name{width: 40%;height: 22px}.company{width: 30%;height: 22px}.pcOnly{display: flex;flex-direction: column;gap: 8px;margin-top: 16px;width: 100%;.attribs{width: 100%;height: 17px}}}}.shimmer-opp-card .head .bottom{display: none;flex-direction: column;gap: 8px;width: 100%;.attribs{width: 100%;height: 17px}}.shimmer-opp-card .content{width: 100%;position: relative;background: var(--white);display: flex;flex-direction: column;gap: 16px;padding: 24px;flex-wrap: wrap;.mustSkills{display: flex;flex-direction: column;gap: 8px;.label{width: 100px;height: 16px}.skills{width: 40vw;height: 27px}}hr{margin: 5px 0}.detes_apply{display: flex;justify-content: flex-end;gap: 16px 24px;align-items: center;.cta-btn{width: 230px;height: 40px;border-radius: 24px}.cta-btn:last-child{width: 122px}}}@media screen and (max-width:1200px){.shimmer-opp-card .head .top .image{width: 90px;min-width: 90px;height: 90px;margin-right: 24px}}@media screen and (max-width:991px){.shimmer-opp-card .head .top .image{width: 70px;min-width: 70px;height: 70px;margin-right: 15px}.shimmer-opp-card .head .top .right{.name{width: 60%}.company{width: 40%}}}@media screen and (max-width:768px){.shimmer-opp-card .head .bottom{display: flex}.shimmer-opp-card .head .top .right .pcOnly{display: none}}@media screen and (max-width:480px){.shimmer-opp-card .head{padding: 16px}.shimmer-opp-card .head .top{.right{.name{width: 80%;height: 17px}.company{width: 50%;height: 17px}}.image{width: 56px;min-width: 56px;height: 56px;margin-right: 6px}}.shimmer-opp-card .attribs{height: 12px !important}.shimmer-opp-card .content{flex-direction: column;text-align: right;padding: 16px;.detes_apply{gap: 16px;.cta-btn{width: 209px;height: 32px}.cta-btn:last-child{width: 106px}}hr{margin: 7px 0}}}@keyframes gradient-animation_2{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}
.shimmer-opp-card.mobile{
    border-radius: 0;
    margin-left: -16px;
    width: calc(100% + 32px);
    margin-bottom: 0;
    border: none;
    border-bottom: 2px solid var(--rgb-gray-20);
    background: var(--white);
    .head{
        border-radius: 0;
        background: var(--white);
        padding: 16px;
        .attribs{
            width: 50%;
        }
        .skills{
            width: 100%;
            height: 12px;
        }
    }
    .content{
        display: none;
    }
    &:first-child{
        border-top: 2px solid var(--rgb-gray-20);
    }
}

.shimmer-job-card {
    position: relative;
    padding: 1rem;
    width: 100%;
    min-height: 8.125rem;
    background-color: var(--white);
    overflow: hidden;
    border: 1px solid var(--text-field-outline);
    border-radius: 16px;
    transition: all .3s;

    &::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
        animation: gradient-animation_2 1.4s linear infinite
    }

    .head {
        width: 100%;
        position: relative;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 1rem;

        .nudge{
            width: 25%;
            height: 0.9375rem;
        }

        .top {
            display: flex;
            align-items: flex-start;
            width: 100%;

            .image {
                width: 2.625rem;
                min-width: 2.625rem;
                height: 2.625rem;
                border-radius: 8px;
                margin-right: 0.75rem
            }

            .right {
                display: flex;
                flex-direction: column;
                gap: 0.25rem;
                width: 100%;

                .name {
                    width: 80%;
                    height: 1.375rem
                }

                .company {
                    width: 30%;
                    height: 0.9375rem
                }
            }
        }
    }


    .attribs {
        margin-top: 0.75rem;
        width: 80%;
        height: 0.9375rem;
        display: block;
    }
    .skills {
        margin-top: 1rem;
        width: 100%;
        height: 0.9375rem;
        display: block;
    }

    span {
        background-color: #d5d5d5
    }
}

.shimmer-signup-apply {
    position: relative;
    padding: 16px;
    width: 100%;
    min-height: 620px;
    background-color: var(--white);
    overflow: hidden;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    gap: 20px;

    span{
        background-color: #eaeaea;
        border-radius: 4px;
    }

    &::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
        animation: gradient-animation_2 1.4s linear infinite;
    }

    .head {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px;

        span{
            height: 17px;
            width: 50%;
            &.main{
                height: 29px;
                width: 70%;
            }
        }
        hr{
            margin: 40px 0 32px;
            width: 100%;
            border-top: 1px solid var(--text-field-outline);
        }
    }

    .content{
        display: flex;
        flex-direction: column;
        gap: 24px;
        .tow-cols{
            display: flex;
            gap: 32px;
            span{
                width: calc(50% - 16px);
                height: 51px;
            }
        }
        span{
            height: 51px;
            width: 100%;
        }
        .resume{
            border-top: 1px dashed var(--text-field-outline);
            padding-top: 32px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            span{
                height: 51px;
                width: 40%;
                &.main{
                    width: 100%;
                }
            }
        }
        .bottom-actions{
            margin-top: 48px;
            display: flex;
            gap: 16px;
            align-items: center;
            span{
                height: 51px;
                width: 224px;
                &.main{
                    width: 114px;
                }
            }
        }
    }
}

/* Shimmering opportunity card end */

/* top matching jobs start */
.topMatchingJobs{
    display: flex;flex-direction: column;gap: 12px;
    margin: 24px 0 18px;
    .head h6{font-size: 18px;font-weight: 500;line-height: 20px;color: var(--primary-black);}
    .company_intialBg {
        background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 6px;
    }
    .shimmer{
        .commonSlider{
            display: flex;gap: 16px;
            .shimmer-opp-card{
                margin-bottom: 0;
                .job-box-top .top-right{
                    h6{height: 18px;background: var(--bg-light-gray);}
                    span{height: 12px;width: 100px;background: var(--bg-light-gray);}
                }
                .job-box-bottom .job-attribs li{
                    height: 22px;width: 72px;
                }
            }
        }
    }
    .shimmer.mobileJobList{
        .commonSlider{
            display: flex;gap: 16px;flex-direction: column;
        }
    }

    .mobileJobList .job-box {
        padding: 16px 12px 12px;

        .job-box-top {
            gap: 8px;
        }

        .top-right {
            h6 {
                width: calc(100% - 26px) !important;
                span {
                    font-size: 14px;
                    line-height: 19px;
                }
            }
        }
    }
}

/* below code is not working */
@media screen and (max-width: 767px) {
    .topMatchingJobs .uplersPartnerBadge .partnerIcon .tooltiptext {
        right: -24px !important;
        left: unset !important;
        transform: unset !important;

        &::before {
            left: unset !important;
            transform: rotate(45deg) !important;
            right: 28px !important;
        }

    }
}
/* top matching jobs end */


/* New Pc design revamp start */

.dashboard-pg:has(.containSection.workPc){
    overflow: hidden;
}
.containSection.workPc {
    background: #F7F7F7;
    padding: 0 64px;
    overflow: hidden;
    max-width: unset;
    margin-inline: unset;

    .allOpportunities {
        .opportunitiesFilter {
            margin: 0;
        }

        .contentDiv {
            width: 100%;
            display: flex;
            align-items: flex-start;
            height: calc(100vh - 11.125rem);

            @media screen and (max-width:880px) {
                height: calc(100vh - 218px);
            }

            &.bookmarkedFilter{
                height: calc(100vh - 8.125rem);
            }

            .jobListSection {
                width: 27.25rem;
                min-width: 27.25rem;
                height: 100%;
                border-right: 1px solid var(--rgb-dark-gray-60);

                .pageUp.allOpp{
                    right: unset;
                    left: 1.5rem;
                    bottom: 1.5rem;
                    @media screen and (max-width: 991px) {
                        left: 0;
                        width: 30px;
                        transform: translateX(-30px);

                        &::after{
                            background: var(--brandYellow);
                            border-radius: 0 8px 8px 0;
                            left: 0;
                            width: 32px;
                            height: 40px;
                            bottom: 4px;
                        }
                        &.open{
                            transform: translateX(0);
                        }
                        &:hover::after{
                            background: var(--primary-black);
                            transform: unset;
                        }
                    }
                    @media screen and (max-width: 876px) {
                        &::after{
                            width: 30px;
                        }
                    }
                }

                .jobListHead {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 1.25rem 1rem 1rem;
                    background: var(--white);
                    border-bottom: 1px solid var(--rgb-dark-gray-60);

                    .pageToggle {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: var(--primary-black);
                        font-size: 1rem;
                        font-weight: 700;
                        line-height: 1.25rem;

                        button {
                            background: transparent;
                            border: none;
                            outline: none;
                            padding: 0;
                            margin: 0;
                            color: inherit;
                            font-size: inherit;
                            font-weight: inherit;
                            line-height: inherit;
                            font-weight: 700;
                            font-size: 1rem;
                            line-height: 1.25rem;
                            display: flex;
                            align-items: center;
                            gap: 0.5rem;
                            transition: all 0.3s ease;

                            svg {
                                width: 1.25rem;
                                height: 1.25rem;
                                transition: inherit;
                            }

                            &.active {
                                text-decoration: underline;

                                svg {
                                    transform: rotate(-180deg);
                                }
                            }
                        }

                        .jobs-popover {
                            position: absolute;
                            top: calc(100% + 0.5rem);
                            left: 50%;
                            transform: translateX(-50%);
                            width: 9.75rem;
                            border-radius: 8px;
                            border: 1px solid var(--text-field-outline-2);
                            background: var(--white);
                            box-shadow: 2px 4px 4px 0px rgba(129, 127, 127, 0.24);
                            font-size: 1.25rem;
                            font-weight: 600;
                            line-height: 1.5rem;
                            display: none;
                        }

                        .jobs-popover.open {
                            display: flex;
                            flex-direction: column;
                            gap: 0.25rem;
                            padding: 4px 0;
                            z-index: 11;

                            a {
                                color: var(--Secondary-text, var(--text-gray));
                                font-size: 0.8125rem;
                                font-weight: 500;
                                line-height: 1rem;
                                padding: 0.75rem 1rem;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                gap: 0.5rem;
                                position: relative;

                                &.active {
                                    background: var(--bg-light-yellow);

                                    &::before {
                                        content: '';
                                        position: absolute;
                                        right: 1rem;
                                        top: 50%;
                                        transform: translateY(-50%);
                                        width: 1rem;
                                        height: 1rem;
                                        background: url('/images/talent/check.svg') no-repeat center center;
                                        background-size: contain;
                                    }
                                }
                            }
                        }
                    }

                    .jobCount {
                        font-weight: 500;
                        font-size: 0.875rem;
                        line-height: 1.0625rem;
                        color: var(--text-gray);
                    }
                }

                .list {
                    overflow-y: auto;
                    display: flex;
                    flex-direction: column;
                    gap: 0.75rem;
                    padding: 1rem;
                    background: var(--white);
                    height: calc(100% - 3.5625rem);

                    .all-jobs-resume-banner{
                        flex-direction: column;
                        align-items: flex-start;
                        margin: -1rem -1rem 0;
                        border-radius: 0;
                        gap: 1.25rem;
                        padding: 1rem;

                        .closeBtn{
                            top: 0.75rem;
                            right: 0.75rem;
                        }
                        .left{
                            h6{
                                padding-right: 1rem;
                                font-weight: 700;
                                font-size: 0.875rem;
                                line-height: 1.0625rem;
                                text-transform: capitalize;
                            }
                        }
                        .primaryBtn{
                            font-size: 0.75rem;
                            line-height: 0.9375rem;
                        }
                        @media screen and (max-width: 840px) {
                            
                            .primaryBtn{
                                font-size: 10px;
                            }
                        }
                    }

                    .noMatchingJobs{
                        display: flex;align-items: flex-start;gap: 0.375rem;flex-direction: column;
                        span{font-size: 1rem;font-weight: 400;line-height: 1.21875rem;color: var(--text-gray);}
                        strong{font-size: 0.875rem;font-weight: 600;line-height: 1.0625rem;color: var(--primary-black);}
                    }

                    .jobCardContainer {
                        padding: 1px;
                        border-radius: 16px;
                        position: relative;
                        background: var(--text-field-outline);
                        box-shadow: 1px 0px 6px 0px var(--rgb-dark-gray-12);
                    }

                    .jobCardContainer.active {
                        background: linear-gradient(89.53deg, #BDC5F3 -0.91%, #7E98E0 99.6%);
                        box-shadow: 2px 4px 4px 0px rgba(129, 127, 127, 0.24);
                        transition: all 0.27s ease;

                        .jobCard {
                            background: #F6FAFF;

                            .ellipsis {
                                background: #F6FAFF !important;
                            }
                        }
                    }

                    .jobCard {
                        background: var(--white);
                        border-radius: 16px;
                        padding: 1rem;
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        gap: 0.5rem;
                        cursor: pointer;

                        transition: all 0.27s ease;

                        .bookmarkIconBtn {
                            position: absolute;
                            right: 1rem;
                            top: 1rem;
                            width: 1.5rem;
                            height: 1.5rem;
                            min-width: 1.5rem;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background-color: transparent;
                            border: none;
                            outline: none;
                            border-radius: 50%;
                            transition:all 0.27s ease;
                            z-index: 2;

                            &:hover{
                                background-color: var(--brandYellow);
                                box-shadow: 0 0 0 4px var(--brandYellow);
                            }

                            svg {
                                width: 0.875rem;
                                height: 1.25rem;
                                transition: fill 0.3s ease, stroke 0.3s ease;
                            }


                            &.saved {
                                svg path {
                                    fill: var(--primary-black);
                                    stroke: var(--primary-black);
                                }
                            }
                        }

                        .jobCardHead {
                            position: relative;
                            padding-right: 2.5rem;

                            .earlyApplicant {
                                top: -1rem;
                            }
                            .oppHeadActionTag{
                                position: absolute;
                                top: -1.5rem;
                                padding: 2px 6px;
                                font-size: 0.625rem;
                                border-radius: 0.25rem;
                                font-weight: 500;
                            }
                            &:has(.appliedAt){
                                display: flex;
                                gap: 0.5rem;
                                align-items: center;
                                gap: 0.375rem;
                                .appliedAt{
                                    font-size: 0.625rem;
                                    line-height: 0.75rem;
                                    font-weight: 600;
                                    color: #ABB0B8;
                                }
                                &:has(.uplersPartnerBadge){
                                    .appliedAt{
                                        position: relative;
                                        margin-right: 0.625rem;
                                        &::before{
                                            content: '';
                                            position: absolute;
                                            right: -0.625rem;
                                            top: 50%;
                                            transform: translateY(-50%);
                                            width: 0.25rem;
                                            height: 0.25rem;
                                            border-radius: 50%;
                                            background: #ABB0B8;
                                        }
                                    }
                                }
                            }
                            &:has(.oppHeadActionTag){
                                margin-top: 0.5rem;
                            }

                            .uplersPartnerBadge {
                                display: flex;

                                .partenerIcon {
                                    position: relative;
                                    color: #186644;
                                    font-weight: 600;
                                    font-size: 0.75rem;
                                    line-height: 0.9375rem;
                                    text-transform: capitalize;
                                    display: flex;
                                    align-items: center;
                                    gap: 0.25rem;
                                }
                            }

                        }

                        .jobTitle {
                            display: flex;
                            align-items: flex-start;
                            gap: 0.75rem;

                            .logo {
                                width: 2.625rem;
                                height: 2.625rem;
                                min-width: 2.625rem;
                                border-radius: 8px;
                                background: var(--white);
                                align-items: center;
                                justify-content: center;
                                display: flex;
                                padding: 2px;
                                position: relative;
                                outline: 1px solid #d9d9d9;

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

                                .company_intialBg {
                                    background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);
                                    width: 100%;
                                    height: 100%;
                                    position: relative;
                                    border-radius: 8px;

                                    .company_intial h6 {
                                        color: var(--white);
                                        font-size: 1.25rem;
                                    }
                                }
                            }

                            .logo:has(.company_intialBg) {
                                padding: 0;
                                border: none;
                                outline: none;
                            }

                            .main {
                                display: flex;
                                flex-direction: column;
                                gap: 0.25rem;

                                h6 {
                                    font-weight: 500;
                                    font-size: 1.125rem;
                                    line-height: 1.375rem;
                                    width: 100%;
                                    max-width: 18.75rem;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;

                                    &.padding-right {
                                        padding-right: 1.5rem;
                                    }
                                }

                                .companyName {
                                    font-weight: 600;
                                    font-size: 0.75rem;
                                    line-height: 0.9375rem;
                                    color: var(--text-gray);
                                }
                            }
                        }
                        

                        .jobAttribs {
                            margin-top: 0.3125rem;
                            display: flex;
                            flex-direction: row;
                            gap: 0.5rem 1rem;
                            flex-wrap: wrap;

                            li {
                                display: flex;
                                align-items: flex-start;
                                gap: 0.5rem;
                                font-size: 0.75rem;
                                line-height: 0.9375rem;
                                color: #8A8A8A;
                                font-weight: 500;
                                flex-wrap: nowrap;

                                img {
                                    width: 0.9375rem;
                                    height: 0.9375rem;
                                    opacity: 0.64;
                                }
                            }
                        }

                        .skillSection {
                            display: flex;
                            align-items: flex-start;
                            gap: 8px;
                            margin-top: 0.25rem;

                            strong {
                                font-weight: 600;
                                font-size: 0.75rem;
                                color: var(--primary-black);
                                line-height: 0.9375rem;
                            }

                            .skills {
                                display: flex;
                                align-items: center;
                                gap: 0.375rem;
                                overflow: hidden;
                                flex-wrap: nowrap;
                                white-space: nowrap;
                                position: relative;


                                span {
                                    color: var(--primary-black);
                                    font-size: 0.75rem;
                                    font-weight: 400;
                                    line-height: 0.9375rem;
                                    position: relative;
                                    padding-left: 0.625rem;
                                    flex-shrink: 0;
                                    white-space: nowrap;

                                    &::before {
                                        content: '';
                                        position: absolute;
                                        left: 0;
                                        top: 50%;
                                        transform: translateY(-50%);
                                        width: 0.25rem;
                                        height: 0.25rem;
                                        border-radius: 4px;
                                        background: #A2A4A6;
                                    }

                                    &:first-child {
                                        padding-left: 0;

                                        &::before {
                                            display: none;
                                        }
                                    }

                                }

                                .ellipsis {
                                    font-size: 0.75rem;
                                    font-weight: 500;
                                    line-height: 0.9375rem;
                                    color: var(--primary-black);
                                    position: absolute;
                                    right: 0;
                                    bottom: 0;
                                    background: var(--white);
                                    padding: 0 2px;
                                    height: 0.9375rem;
                                }
                                &.skill_boolean{
                                    line-height: 0.9375rem;
                                    font-size: 0.75rem;

                                    strong{
                                        color: var(--primary-black);
                                        font-weight: 500;
                                    }

                                    .skill_varients{
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        flex-wrap: nowrap;
                                        gap: 0.25rem;
                                        font-weight: 400;
                                        color: var(--primary-black);
                                        padding-left: 0.625rem;
                                        position: relative;
    
                                        &::before {
                                            content: '';
                                            position: absolute;
                                            left: 0;
                                            top: 50%;
                                            transform: translateY(-50%);
                                            width: 0.25rem;
                                            height: 0.25rem;
                                            border-radius: 0.25rem;
                                            background: #A2A4A6;
                                        }
    
                                        &:first-child {
                                            padding-left: 0;
    
                                            &::before {
                                                display: none;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .similarJobsPc {
                        display: flex;
                        flex-direction: column;
                        gap: 0.75rem;
                        -webkit-animation:blink-1 .6s both;
                        animation:blink-1 .6s both;

                        &.alreadyShown{
                            -webkit-animation:none;
                            animation:none;
                        }
            

                        .similarJobsToggle{
                            width: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            gap: 0.75rem;
                            font-weight: 600;
                            font-size: 1rem;
                            line-height: 1.25rem;
                            text-transform: capitalize;
                            color: var(--primary-black);
                            padding: 0.75rem 1.5rem;
                            border: 1px solid #E0E1E0;
                            border-radius: 12px;
                            background: var(--white);
                            cursor: pointer;
                            box-shadow: 1px 0px 6px 0px rgba(107, 107, 107, 0.12);

                            &:hover{
                                border: 1px solid transparent;
                                box-shadow: none;
                                transition: all 0.36s ease;
                                background: linear-gradient(#FBFDFF, #FBFDFF) padding-box,
                                linear-gradient(89.53deg, #BDC5F3 -0.91%, #7E98E0 99.6%) border-box
                            }

                            svg{
                                width: 1.25rem;
                                height: 1.25rem;
                            }
                        }

                        .activeHeader{
                            background: #F7F7F7;
                            box-shadow: 1px 0px 6px 0px rgba(107, 107, 107, 0.12);
                            padding: 0.875rem 0.75rem;
                            border-bottom: 1px solid rgba(186, 186, 186, 0.56);
                            font-weight: 600;
                            font-size: 0.75rem;
                            line-height: 0.9375rem;
                            color: var(--primary-black);
                            display: flex;
                            align-items: center;
                            gap: 0.5rem;
                            -webkit-animation:fade-in 0.45s cubic-bezier(.39,.575,.565,1.000) both;
                            animation:fade-in 0.45s cubic-bezier(.39,.575,.565,1.000) both;

                            .iconBtn{
                                background: transparent;
                                border: none;
                                outline: none;
                                cursor: pointer;
                                padding: 0;
                                margin: 0;
                                margin-left: auto;
                            }

                            svg{
                                width: 1rem;
                                height: 1rem;
                                path{
                                    stroke: var(--primary-black);
                                }
                            }

                            .filterTabs{
                                display: flex;
                                align-items: center;
                                gap: 0.375rem;

                                .filterTab{
                                    padding: 0.375rem 0.75rem;
                                    border-radius: 6px;
                                    border: 1px solid #E0E1E0;
                                    background: var(--white);
                                    font-size: 0.75rem;
                                    line-height: 0.9375rem;
                                    color: var(--primary-black);
                                    font-weight: 500;
                                    cursor: pointer;
                                    transition: all 0.35s ease;

                                    &.active{
                                        background: #231F20;
                                        color: #fff;
                                        border: 1px solid transparent;
                                    }
                                }
                            }
                        }

                        .job-list{
                            gap: 12px;
                            margin-bottom: 0;
                            -webkit-animation:fade-in 0.45s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 0.45s cubic-bezier(.39,.575,.565,1.000) both;

                            .jobCard{
                                background: #F2F2F2;
                                outline: 1px solid #E0E1E0;
                                border-radius: 16px;
                                box-shadow: 1px 0px 6px 0px rgba(107, 107, 107, 0.12);

                                .skillSection .skills .ellipsis {
                                    background: #F2F2F2;
                                }
                                .logo:has(.custom_company_initialBg){
                                    padding: 0;
                                    border: none;
                                    outline: none;
                                }
                            }
                        }

                        hr{
                            margin-top: 0;
                            margin-bottom: 4px;
                        }
                    }
                }
            }
            .noData{
                width: calc(100% - 436px);
                height: 100%;
                overflow-y: auto;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-direction: column;
                gap: 18px;
                text-align: center;
                padding: 48px 0 16px 64px;

                text{
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 24px;
                    text-align: center;
                    color: var(--primary-black);

                    @media (max-width: 840px) {
                        font-size: 14px;
                        line-height: 17px;
                    }
                }
                .primaryBtn{
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 17px;
                    background: var(--primary-black);
                    color: var(--white);
                }
            }

            .jobDetailSection {
                width: calc(100% - 27.25rem);
                height: 100%;
                overflow-y: auto;
                background: var(--white);
                position: relative;

                &.isOppDisabled {
                    opacity: 0.64;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    button,a{
                        pointer-events: none !important;
                    }
                }

                .jobHeaderSticky{
                    position: sticky;
                    top: 0;
                    z-index: 11;
                    background: var(--white);
                    padding: 1rem 2rem;
                    border-bottom: 1px solid rgba(186, 186, 186, 0.32);
                    box-shadow: 0 1px 14px -3px #898989;
                    display: none;
                    transition: all 0.3s ease;
                    margin-top: -3rem;

                    &.show{
                        display: block;
                        margin-top: 0;
                    }
                    
                    .oppHead{
                        display: flex;
                        justify-content: space-between;
                        align-items: flex-start;
                        gap: 1.5rem;

                        @media (max-width: 1080px) {
                            flex-direction: column;
                            gap: 0.75rem;
                        }

                        .oppHeadContent{
                            display: flex;
                            align-items: flex-start;
                            gap: 1rem;

                            .logo {
                                width: 2.625rem;
                                height: 2.625rem;
                                min-width: 2.625rem;
                                border-radius: 8px;
                                background: var(--white);
                                align-items: center;
                                justify-content: center;
                                display: flex;
                                padding: 2px;
                                position: relative;
                                outline: 1px solid #d9d9d9;
    
                                img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: contain;
                                    border-radius: 6px;
                                }
    
                                .company_intialBg {
                                    background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);
                                    width: 100%;
                                    height: 100%;
                                    position: relative;
                                    border-radius: 8px;
    
                                    .company_intial h6 {
                                        color: var(--white);
                                        font-size: 1.25rem;
                                    }
                                }
                            }
    
                            .logo:has(.company_intialBg) {
                                padding: 0;
                                border: none;
                                outline: none;
                            }
                            .opportunitiesHeadTitle{
                                display: flex;
                                flex-direction: column;
                                gap: 0.25rem;
                                h3{
                                    font-weight: 600;
                                    font-size: 1.125rem;
                                    line-height: 1.375rem;
                                }
                                .companyName{
                                    display: flex;
                                    align-items: flex-start;
                                    gap: 0.25rem;
                                    p{
                                        font-weight: 500;
                                        font-size: 0.75rem;
                                        line-height: 1.0625rem;
                                        color: var(--text-gray);
                                        margin: 0;
                                    }
                                }
                            }
                        }
                        .primaryBtn{
                            color: var(--white);
                            background: var(--primary-black);
                            font-size: 0.875rem;
                            line-height: 1.0625rem;
                            font-weight: 600;
                            padding: 0.5rem 1rem;
                            border: none;
                            outline: none;
                            cursor: pointer;
                            display: flex;
                            align-items: center;
                            gap: 0.25rem;
                        }
                        .primaryBtn.applyWithTailorCVBtn{
                            padding: 0.75rem 1.25rem;
                            text-transform: uppercase;
                            background: linear-gradient(135deg, #9810FA 0%, #155DFC 50%, #4F39F6 100%);                      
                            min-width: 14rem;
                        }
                    }
                }

                .jobDetailsHead {
                    padding: 1.5rem 2rem 1rem 2rem;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0.75rem;
                    border-bottom: 1px solid rgba(186, 186, 186, 0.32);

                    .jobDetailsHeadTop{
                        position: relative;
                        display: flex;
                        justify-content: space-between;
                        gap: 0.5rem;
                        align-items: center;
                        width: 100%;

                        .top-nudges {
                            display: flex;
                            gap: 0.5rem;
    
                            .has-right-dot {
                                position: relative;
                                margin-right: 0.75rem;
    
                                &::after {
                                    content: '';
                                    position: absolute;
                                    right: -0.75rem;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    width: 0.25rem;
                                    height: 0.25rem;
                                    background: rgba(107, 107, 107, 0.4);
                                    border-radius: 50%;
                                }
                            }
    
                            .earlyApplicant {
                                position: relative;
                                top: unset;
                                left: unset;
                                transform: unset;
                            }

                            &:has(.appliedAt){
                                display: flex;
                                gap: 0.5rem;
                                align-items: center;
                                gap: 0.375rem;
                                .appliedAt{
                                    font-size: 0.625rem;
                                    line-height: 0.75rem;
                                    font-weight: 600;
                                    color: #ABB0B8;
                                }
                                &:has(.uplersPartnerBadge){
                                    .appliedAt{
                                        position: relative;
                                        margin-right: 0.625rem;
                                        &::before{
                                            content: '';
                                            position: absolute;
                                            right: -0.625rem;
                                            top: 50%;
                                            transform: translateY(-50%);
                                            width: 0.25rem;
                                            height: 0.25rem;
                                            border-radius: 50%;
                                            background: #ABB0B8;
                                        }
                                    }
                                }
                            }
    
                            .uplersPartnerBadge {
                                display: flex;
    
                                .partenerIcon {
                                    position: relative;
                                    color: #186644;
                                    font-weight: 600;
                                    font-size: 0.75rem;
                                    line-height: 0.9375rem;
                                    text-transform: capitalize;
                                    display: flex;
                                    align-items: center;
                                    gap: 0.25rem;
                                    white-space: nowrap;
    
                                    >svg {
                                        width: 1.25rem;
                                        height: 1.25rem;
                                        min-width: 1.25rem;
                                    }
                                }

                                .tooltiptext{
                                    left: 100% !important;
                                    z-index: 11 !important;

                                    &::before{
                                        left: 7% !important;
                                    }
                                }
                            }
                        }

                        .oppHeadActionTag{
                            padding:0.125rem 0.75rem;
                            font-weight:500;
                            font-size:0.75rem;
                            line-height:0.9375rem;
                            color:#B76038;
                            background:#FFE8CC;
                            border-radius:0.25rem;
                            display:inline-block;
                            vertical-align:middle;
                            cursor:default;
                            position:relative;
                        }

                    }

                    .jobTitle {
                        display: flex;
                        align-items: flex-start;
                        gap: 1rem;
                        width: 100%;

                        .logo {
                            width: 4.125rem;
                            height: 4.125rem;
                            min-width: 4.125rem;
                            border-radius: 8px;
                            background: var(--white);
                            align-items: center;
                            justify-content: center;
                            display: flex;
                            padding: 2px;
                            position: relative;
                            outline: 1px solid #d9d9d9;

                            img {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                                border-radius: 0.375rem;
                            }

                            .company_intialBg {
                                background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);
                                width: 100%;
                                height: 100%;
                                position: relative;
                                border-radius: 8px;

                                .company_intial h6 {
                                    color: var(--white);
                                    font-size: 1.5rem;
                                }
                            }
                        }

                        .logo:has(.company_intialBg) {
                            padding: 0;
                            border: none;
                            outline: none;
                        }

                        .main {
                            display: flex;
                            flex-direction: column;
                            gap: 0.25rem;

                            h5 {
                                font-weight: 600;
                                font-size: 1.5rem;
                                line-height: 1.875rem;
                            }

                            .companyName {
                                font-weight: 500;
                                font-size: 1rem;
                                line-height: 1.25rem;
                                color: var(--text-gray);
                            }
                        }
                    }
                    .notInterstedMsgAction{
                        margin-bottom: 0;
                    }

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


                        .primary{
                            display: flex;
                            gap: 1rem;
                            flex-wrap: wrap;
                            position: relative;
                            align-items: center;

                            button.outlinedBtn{
                                &:first-child{
                                    margin: 1rem 0;
                                }
                            }

                            .resume-health {  
                                display: none;
                                position: absolute;
                                bottom: 100%;
                                left: -0.5rem;
                                width: auto;
                                height: auto;
                                z-index: 11;
                            }

                            .resume-health-concern {
                                margin-bottom: -10px;
                                width: auto;
                                height: auto;
                                background: rgba(255, 250, 240, 0.9);
                                padding: 6px 12px;
                                border-radius: 6px;
                                box-shadow: 0 4px 12px rgba(100, 0, 0, 0.5);
                                backdrop-filter: blur(5px);
                                outline: 1px solid rgba(255, 200, 200, 0.5);

                                h6{
                                    color: var(--text-primary);
                                    font-size: 16px;
                                    line-height: 20px;
                                    font-weight: 600;
                                    text-transform: none;
                                    text-align: left;
                                    white-space: nowrap;
                                }

                                text{
                                    margin-top: 4px;
                                    font-size: 12px;
                                    line-height: 15px;
                                    font-weight: 500;
                                    color: var(--text-primary);
                                    text-transform: none;
                                    text-align: left;
                                    white-space: nowrap;
                                    display: block;
                                }

                                &.fix-resume{
                                    h6{
                                        font-size: 14px;
                                        line-height: 17px;
                                        font-weight: 600;

                                        span{
                                            font-size: 16px;
                                            line-height: 20px;
                                            font-weight: 700;
                                            color: var(--errorRed);
                                        }
                                    }
                                }

                                button.primaryBtn {
                                    margin-top: 8px;
                                    background: var(--primary-black);
                                    color: var(--white);
                                    font-size: 12px;
                                    line-height: 15px;
                                    /* background: #ffda30; */
                                    background: linear-gradient(90deg, #FFFFFF -199.41%, #000000 -139.52%, #FF2775 -78.78%, #E336FF -9.38%, #3B37FE 50.14%, #339AFA 141.74%, #36FF6E 231.93%, #A3FC32 333.69%, #E0FF2F 420.7%, #FFDF35 494.44%, #F59B68 578.76%, #FF6832 664.04%, #F23535 758.88%);
                                    color: #FFF;
                                    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); */
                                }
                            }
                        }

                        .right-btns{
                            display: flex;
                            align-items: center;
                            gap: 1rem;

                            .outlinedBtn.saveBtn{
                                font-size: 0.75rem;
                                line-height: 1.214;
                                border-radius: 6px;
                                padding: 0.5rem 0.75rem;
                                svg{
                                    width: 1rem;
                                    height: 1rem;
                                }
                            }
                        }

                        button {
                            display: flex;
                            align-items: center;
                            gap: 0.625rem;
                            font-size: 0.875rem;
                            line-height: 1.0625rem;
                        }

                        button.outlinedBtn {
                            font-weight: 700;
                            outline: 1px solid var(--rgb-dark-gray-60) !important;
                        }
                        
                        .primaryBtn.applyWithTailorCVBtn{
                            padding: 0.75rem 1.25rem;
                            text-transform: uppercase;
                            background: linear-gradient(135deg, #9810FA 0%, #155DFC 50%, #4F39F6 100%);                      
                        }
                        button.outlinedBtn.saved{
                            outline: 1px solid var(--primary-black);
                            svg path{
                                fill: var(--primary-black);
                            }
                        }

                        button.primaryBtn {
                            color: var(--white);
                            background: var(--primary-black);

                            svg {
                                width: 1rem;
                                min-width: 1rem;
                                height: 1rem;

                                path {
                                    stroke: var(--white);
                                }
                            }
                        }

                        .notInterested .ghostBtn.outlined{
                            outline: 1px solid #FABDBE;
                            padding: 0.5rem 0.75rem;
                            text-decoration: none;
                            text-transform: uppercase;
                            color: #B60707;
                            font-weight: 600;
                            font-size: 0.75rem;
                            line-height: 0.9375rem;
                            border-radius: 6px;
                            background: var(--white);
                            transition: all 0.3s ease;
                            svg path{
                                fill: unset !important;
                            }
                        }
                    }

                    .old-details-warning{
                        font-size: 0.875rem;
                        line-height: 1.25rem;
                        font-weight: 500;
                        color: #6B6B6B;

                        a{
                            text-decoration: underline;
                            color: var(--primary-black);
                            font-weight: 600;
                            text-transform: capitalize;
                        }
                    }

                    .SingleOppAssessment{
                        padding: 0;
                    }

                    .attribs {
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        width: 100%;
                        gap: 1rem 1.5rem;
                        padding: 0.75rem 1rem;
                        border-radius: 12px;
                        background: var(--bg-light-gray);

                        .attrib {
                            display: flex;
                            align-items: center;
                            gap: 4px;
                            font-weight: 600;
                            font-size: 0.75rem;
                            line-height: 0.9375rem;
                            color: var(--text-gray);
                        }
                        
                        .hybridFrequency{
                            font-weight: 600;
                            font-size: 0.6875rem;
                            line-height: 0.8125rem;
                            color: #286AA7;
                            display: flex;
                            align-items: center;
                            gap: 4px;
                            strong{
                                font-weight: 600;
                            }
                        } 
                    }
                }
                .applied-ai-needed{
                    margin: 1.5rem 2rem 0;
                }
                .opportunitiesJobNote{
                    margin-bottom: 0.75rem;
                    padding: 1rem 2rem;
                    border-radius: 0 0 16px 16px;
                }

                .tailor-resume-banner-wrapper {
                    padding: 1rem 2rem 0 !important;

                    &.trb-even {
                        padding: 1.25rem 2rem !important;
                        background: #F9F8F4;

                        .skills.tailor-resume {
                            padding: unset !important;
                            background: unset !important;

                            .tailor-skill-devider {
                                display: none !important;
                            }

                            .tailor-promo-banner {
                                padding: 0.75rem;
                                border-radius: 8px;
                                background: #E6DDFF;
                                margin-top: 1rem;

                                .tpb-left svg path {
                                    fill: none !important;
                                }
                            }
                        }
                    }
                }

                .skills{
                    padding: 1rem 2rem 0;
                    display: flex;
                    flex-direction: column;
                    gap: 1.5rem;

                    font-weight: 400;
                    font-size: 0.875rem;
                    line-height: 1.25rem;


                    label{
                        font-weight: 600;
                        font-size: 1rem;
                        line-height: 1.25rem;
                        margin-bottom: 0.5rem;
                        text-transform: capitalize;
                    }
                    
                    &.tailor-resume{
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        background: #F9F8F4;
                        padding: 0.75rem !important;
                        border-radius: 8px;
                        gap: 0;
                        
                        label {
                            margin-bottom: 0.25rem !important;
                            font-size: 0.875rem;
                            line-height: 100%;
                            color: #4A4A4A;
                        }
                        
                        .must_have_skills .must_have{
                            display: flex;
                            gap: 0.5rem;
                            flex-wrap: wrap;
                            
                            .skill-tag{
                                padding: 0.375rem 0.5rem;
                                background: #EEEEEE;
                                border-radius: 0.375rem;
                                font-size: 0.75rem;
                                line-height: 100%;
                            }
                        }

                        .good_to_have{
                            margin-top: 1rem;

                             .gh_skills {
                                font-size: 0.75rem;
                                line-height: 0.875rem;
                            }
                        }

                        .tailor-promo-banner{
                            display: flex;
                            justify-content: space-between;
                            gap: 8px 12px;
                            flex-wrap: wrap;

                            .tpb-left{
                                display: flex;
                                gap: 0.375rem;

                                .tpb-content {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 0.25rem;
                                    justify-content: center;

                                    h2 {
                                        font-size: 1rem;
                                        line-height: 100%;
                                    }
                                    .pro-tip {
                                        display: flex;
                                        gap: 0.25rem;
                                        font-size: 0.875rem;
                                        line-height: 1.214;
                                        font-weight: 400;
                                        
                                        >strong {
                                            white-space: nowrap;
                                        }
                                        span{
                                            font-size: 0.875rem;
                                        }
                                        strong {
                                            font-weight: 600;
                                        }
                                    }

                                    span {
                                        font-size: 0.75rem;
                                        line-height: 100%;
                                    }
                                }
                            }

                            .primaryBtn.gradientBtn {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                font-size: 0.875rem;
                                padding: 0.625rem 1.5rem;
                                gap: 0.5rem;
                                color: var(--white);
                                background: linear-gradient(135deg, #9810FA 0%, #155DFC 50%, #4F39F6 100%);
                            }
                        }
                    }

                }
                .skills .skill_boolean{
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    gap: 0.5rem;
                    line-height: 1;
                    font-weight: 500;

                    strong{
                        color: #231F20;
                        font-weight: 600;
                    }
                    .skill_varients{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-wrap: wrap;
                        font-size: 0.75rem;
                        line-height: 0.9375rem;
                        gap: 4px;
                        background: #FFF8D6;
                        border: none;
                        font-weight: 500;
                        padding: 0.25rem 0.5rem;
                        border-radius: 6px;
                        text-align: center;
                        color: #231F20;
                    }
                }

                .detailSectionDiv{
                    padding: 1.5rem 2rem;
                    .jobDescription{
                        padding-bottom: 1.5rem;
                    }
                }
                
                .similarJobsPc {
                    background: #FAF4FB;
                    padding: 1rem 2rem;

                    .header {
                        font-weight: 600;
                        font-size: 1rem;
                        line-height: 1.25rem;
                        margin-bottom: 0.5rem;
                    }
                    .job-list{
                        margin-inline: -0.5rem;
                        margin-bottom: 0;
                     
                        .similarJobLoadingCardContainer{
                            display: flex;
                            align-items: center;
                            gap: 0.75rem;
                        }

                    }
                    .slick-arrow{
                        background: #F9F6EE;
                        width: 2.5rem;
                        height: 2.5rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-radius: 50%;
                        outline: 1px solid #ECEAE4;
                        &.slick-disabled{
                            display: none !important;
                        }
                    }
                    .slick-arrow.slick-prev{
                        transform: translate(0, -50%) rotate(180deg);
                    }
                    .jobCardContainer{
                        padding-inline: 0.5rem;
                    }
                    .job-card{
                        border: 1px solid var(--text-field-outline);
                        background: var(--white);
                        border-radius: 16px;
                        padding: 1rem;
                        display: flex !important;
                        flex-direction: column;
                        gap: 0.5rem;
                        
                        .jobTitle {
                            display: flex;
                            align-items: flex-start;
                            gap: 0.75rem;
                            position: relative;

                            .logo {
                                width: 3rem;
                                height: 3rem;
                                min-width: 3rem;
                                border-radius: 8px;
                                background: var(--white);
                                align-items: center;
                                justify-content: center;
                                display: flex;
                                padding: 2px;
                                position: relative;
                                outline: 1px solid #d9d9d9;

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

                                .company_intialBg {
                                    background: linear-gradient(90deg, #FC3BB2 0%, #F7906E 100%);
                                    width: 100%;
                                    height: 100%;
                                    position: relative;
                                    border-radius: 8px;

                                    .company_intial h6 {
                                        color: var(--white);
                                        font-size: 20px;
                                    }
                                }
                            }

                            .logo:has(.company_intialBg) {
                                padding: 0;
                                border: none;
                                outline: none;
                            }

                            .main {
                                display: flex;
                                flex-direction: column;
                                gap: 0.375rem;
                                width: calc(100% - 60px);


                                h5 {
                                    font-weight: 600;
                                    font-size: 0.75rem;
                                    line-height: 0.9375rem;
                                    max-width: 100%;
                                    padding-right: 2rem;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                }

                                .companyName {
                                    font-weight: 500;
                                    font-size: 0.75rem;
                                    line-height: 0.9375rem;
                                    color: var(--text-gray);
                                }

                            }
                            
                            .bookmarkIconBtn {
                                position: absolute;
                                right: 0;
                                top: 0;
                                width: 1.5rem;
                                height: 1.5rem;
                                min-width: 1.5rem;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background-color: var(--white);
                                outline: 1px solid var(--text-field-outline);
                                border: none;
                                border-radius: 12px;
                                transition: background-color 0.3s ease;

                                svg {
                                    width: 0.510625rem;
                                    height: 0.65625rem;
                                    transition: fill 0.3s ease, stroke 0.3s ease;
                                }

                                &.saved {

                                    svg path {
                                        fill: var(--primary-black);
                                        stroke: var(--primary-black);
                                    }
                                }
                                &:hover{
                                    background-color: var(--brandYellow);
                                    outline: 1px solid var(--brandYellow);
                                }
                            }
                        }
                        
                        .attribs {
                            display: flex;
                            align-items: center;
                            flex-wrap: wrap;
                            width: 100%;
                            gap: 0.5rem 1rem;

                            .attrib {
                                display: flex;
                                align-items: center;
                                gap: 0.25rem;
                                font-weight: 500;
                                font-size: 0.6875rem;
                                line-height: 0.8125rem;
                                color: var(--text-gray);
                                svg{
                                    width: 0.875rem;
                                    height: 0.875rem;
                                }
                            }
                        }
                    }

                }
                .aboutCompanyWrapper{
                    padding: 2rem;
                    .aboutTheCompanySec{
                        border-radius: 16px;
                        padding: 0;
                        margin: 0;
                        border: 1px solid var(--text-field-outline);
                        h3{
                            background: #F9F6EE;
                            padding: 1.5rem;
                            border-radius: 16px 16px 0 0;
                            font-weight: 600;
                            font-size: 1.375rem;
                            line-height: 1.6875rem;
                            text-transform: capitalize;
                        }
                        .aboutcompanyList{
                            padding: 1.5rem;
                            margin: 0;
                        }
                        .aboutCompanytwoSecWrap{
                            padding: 0.75rem 1.5rem 1.5rem;
                            .aboutTheCompanyLeft{
                                border: none;
                                border-radius: 0;
                                padding: 0;
                                margin: 0;
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 1260px) and (min-width: 1100px) {
                .jobListSection{
                    width: 30rem;
                    min-width: 30rem;
                }
            }
            
            @media (max-width: 1100px) {
                .jobListSection{
                    width: 376px;
                    min-width: 376px;
                    .list .jobCard .jobTitle .main h6 {
                        max-width: 240px;
                    }
                }
                .jobDetailSection{
                    width: calc(100% - 376px);
                }
            }
                        
            @media (max-width: 876px) {
                .jobListSection{
                    width: 346px;
                    min-width: 346px;
                    .list .jobCard .jobTitle .main h6 {
                        max-width: 210px;
                    }
                }
                .jobDetailSection{
                    width: calc(100% - 346px);
                }
                .jobDetailSection {
                    .jobDetailsHead{
                        padding: 24px 24px 16px;
                    }
                    
                    .applied-ai-needed{
                        margin: 24px 24px 0;
                    }
                    .skills{
                        padding: 20px 24px 0;
                    }
                    .detailSectionDiv{
                        padding: 24px;
                    }
                    .similarJobsPc{
                        padding: 16px 24px;
                    }
                    .aboutCompanyWrapper{
                        padding: 24px;
                    }
                }
            }
                        
            @media (max-width: 840px) {
                .jobListSection{
                    width: 320px;
                    min-width: 320px;
                    .list .jobCard .jobTitle .main h6 {
                        max-width: 184px;
                    }
                }
                .jobDetailSection{
                    width: calc(100% - 320px);
                }
            }
        }
    }
}

.containSection.workPc.applied {
    .allOpportunities {
        .contentDiv {
            height: calc(100vh - 64px);
        }
    }
}

@media (max-width: 1280px) {
    .containSection.workPc {
        padding: 0 32px;
    }
}

@media (max-width: 991px) {
    .containSection.workPc {
        padding: 0 16px;
    }
}


@media (max-width: 991px) {
    .containSection.workPc {
        padding: 0 16px;
    }
}
@media (max-width: 876px) {
    .containSection.workPc {
        padding: 0;
    }
}

@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}

/* New Pc design revamp end */

.outreachBtn {
    position: relative;
    border: none;
    background: transparent;
    z-index: 1;
}

.outreachBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(118.92deg, #667eea 0%, #764ba2 100%);
    border-radius: inherit;
    z-index: -1;
}

.outreachBtn::after {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    background: white; /* or whatever your button background should be */
    border-radius: inherit;
    z-index: -1;
}

/* Salary Range Display Styles */
.salary-range-display {
    margin-top: 0.75rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border-left: 0.25rem solid #28a745;
}

.salary-range-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.salary-range-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
}

.salary-range-value {
    font-size: 1rem;
    font-weight: 600;
    color: #28a745;
}

.salary-range-matches {
    font-size: 0.75rem;
    color: #6c757d;
    font-style: italic;
}

.salary-range-loading {
    margin-top: 0.75rem;
    padding: 0.5rem 1rem;
    text-align: center;
}

.salary-loading-text {
    font-size: 0.875rem;
    color: #6c757d;
    font-style: italic;
}

/* Salary breakdown styles */
.salary-breakdown {
    margin-top: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

.company-salary, .market-salary {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.company-salary:last-child, .market-salary:last-child {
    margin-bottom: 0;
}

.salary-type {
    font-size: 12px;
    font-weight: 600;
    color: #495057;
    min-width: 60px;
}

.salary-value {
    font-size: 14px;
    font-weight: 600;
    color: #28a745;
}

.salary-matches {
    font-size: 11px;
    color: #6c757d;
    font-style: italic;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .salary-range-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .salary-range-value {
        font-size: 15px;
    }
    
    .salary-breakdown {
        margin-top: 6px;
        padding: 6px;
    }
    
    .company-salary, .market-salary {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    
    .salary-type {
        min-width: auto;
    }
}