:root {
    --green: #006F78;
    --lightgreen: #E9F4F2;
    --lightgreen2: #EBF5F4;
    --hovergreen: #056055;
    --darkgreen: rgb(0, 84, 91);
    --darkgrayc: #9199A3;
    --lightgrayc: #767F8C;
    --whitegrayc: #898A8A;
    --whitetxt: #fff;
    --blacktxt: #000;
    --lgblack: #202E37;
    --skyblue: #047FF0;
    --EBEBEE: #EBEBEE;
    --939AA4: #939AA4;
    --4A4A4A: #4A4A4A;
    --011C2A: #011C2A;
    --orange: #F08504;
    --6C757D: #6C757D;
}

/*-----------colors-------------*/
.blacktxtc {
    color: #000;
}

.black2c {
    color: #212E37;
}

.greenbtnc {
    background: var(--green);
    color: #fff;
    border: 1px solid var(--green);
}

.darkbgc {
    background-color: #18191C;
}

.greentxt {
    color: var(--green);
}

/*-----------colors-------------*/
body {
    font-family: 'Greycliff CF' !important;
}

.container {
    max-width: 1280px !important;
}

/*-------------Fonts------------*/
@font-face {
    font-family: 'Greycliff CF';
    src: url('fonts/GreycliffCF-Bold.woff2') format('woff2'),
        url('fonts/GreycliffCF-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF Demi';
    src: url('fonts/GreycliffCF-DemiBold.woff2') format('woff2'),
        url('fonts/GreycliffCF-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF Extra';
    src: url('fonts/GreycliffCF-ExtraBold.woff2') format('woff2'),
        url('fonts/GreycliffCF-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF Extra';
    src: url('fonts/GreycliffCF-ExtraLight.woff2') format('woff2'),
        url('fonts/GreycliffCF-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('fonts/GreycliffCF-Heavy.woff2') format('woff2'),
        url('fonts/GreycliffCF-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('fonts/GreycliffCF-Light.woff2') format('woff2'),
        url('fonts/GreycliffCF-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('fonts/GreycliffCF-Regular.woff2') format('woff2'),
        url('fonts/GreycliffCF-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('fonts/GreycliffCF-Thin.woff2') format('woff2'),
        url('fonts/GreycliffCF-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('fonts/GreycliffCF-Medium.woff2') format('woff2'),
        url('fonts/GreycliffCF-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*-------------Fonts------------*/

/*------------Header------------*/
header {
    box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.19);
}

.topbar {
    display: none;
}

.topbar.bg-black {
    color: #ffffff00;
    text-align: center;
    padding: 10px;
}
.suggestions-box {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.suggestions-box2  {
	border-top: 0px;
    border-bottom: 0px;
	background-color: #fff;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.suggestions-box div {
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

.suggestions-box div:hover {
    background-color: #f5f5f5;
}
header ul.navbar-nav a {
    color: var(--whitegrayc);
    font-weight: 500;
}

header a.nav-link.active {
    color: #000;
    font-weight: 600;
}

header ul.navbar-nav {
    gap: 15px;
}

.loginbtn {
    font-size: 18px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid var(--green);
    padding: 15px 40px;
    font-weight: 500;
}

.registerbtn {
    font-size: 18px;
    text-decoration: none;
    border-radius: 4px;
    padding: 15px 40px;
    font-weight: 500;
    margin: 16px;
}

.employbtn {
    font-weight: 600;
    text-decoration: none;
    border-left: 1px solid #B7B7B7;
    padding: 8px 14px;
}

/*------------Header------------*/

/*------------Footer------------*/
footer,
.privacy_footer {
    background-color: var(--lgblack) !important;
}

.privacy_footer {
    color: var(--darkgrayc);
    border-top-color: var(--4A4A4A) !important;
}

footer a {
    color: var(--darkgrayc);
    text-decoration: none;
    font-weight: 500;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer ul li {
    padding-bottom: 10px;
}

footer h3 {
    font-size: 20px;
    color: var(--whitetxt);
    margin-bottom: 25px;
}

footer,
.privacy_footer {
    font-family: "Inter", sans-serif;
}

.firstcol p {
    font-size: 14px;
    line-height: 20px;
    color: var(--lightgrayc);
}

p.callfooter {
    margin-top: 25px;
    font-size: 18px;
}

p.callfooter .phn {
    font-size: 14px;
}

.privacy_footer ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 25px;
    justify-content: end;
    margin: 0;
}

/*------------Footer------------*/

/*------------newspage------------*/
.technology-news .card img {
    height: 248px;
    object-fit: cover;
}
.latest_bottom_grid img {
    height: 267px;
    width: 100%;
    object-fit: cover;
}
.latest-news-section.container.mb-5 .box {
    justify-content: space-between;
}
.home-profile {
  position: relative;
  background: linear-gradient(to bottom, #ECFEFF 40%, #ffffff 10%);
}

/*-news--*/
.home-profile .bar-lines ul li ul li {
    padding: 0px;
}
.home-profile .bar-lines ul li ul li a {
        font-size: 14px;
        padding: 10px !important;
        border-bottom: 1px solid #0000001a;
        justify-content: start;
    }


.home-profile .bar-lines{
      border-top: 1px solid #202124 !important;
      border-bottom: 1px solid #202124 !important;
      padding: 0px;
	  justify-content: center;
    }
.home-profile .bar-lines ul li{
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.home-profile .bar-lines ul li a{
    color: #202124;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px; 
    letter-spacing: -0.6px;
    text-transform: capitalize;
}
.home-profile .bar-lines ul li .view-more{
    background: #006F78 !important;
    color: #FFFFFF  !important;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 8px 21px;
}
.home-profile .search-bar{
    width: 643.75px;
    height: 40px;
    flex-shrink: 0;
}
.home-profile .search-bar input{
border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.home-profile .search-bar input::placeholder{
    color: rgba(136, 136, 136, 0.35);
    font-size: 16.605px;
    font-weight: 500;
    line-height: normal;
}
.home-profile .search-bar button{
    width: 117.5px;
    height: 40px;
    flex-shrink: 0;
    background: #006F78;
    color: #F7F7F4;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 0px;
}

.home-profile .filter{
    width: 166px;
    height: 40px;
    flex-shrink: 0;
    color: #011C2A;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; 
}
.home-profile .main-backgound{
    height: 200px;
    flex-shrink: 0;
    background: #ffffff;
}
.home-profile .article-card img {
    border-radius: 4px;
}     
.home-profile .article-card .card-img-top {
    height: 580px;
    object-fit: cover;
}                        
.home-profile .article-card .live-updates{
    display: flex;
    width: 109px;
    padding: 10px;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 4px;
    align-items: center;
    background: #FFF;
    color: #202124;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px; 
}
.home-profile .article-card .live-updates .dot {
    display: flex;
    width: 8px;
    height: 8px;
    background-color: #E6394680; 
    border-radius: 50%;    
    margin-right: 6px;
}
.home-profile .article-card .category-badge{
    border-radius: 8px;
    border: 1px solid #202124;
    padding: 10px;
    color: #202124;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px; 
    text-transform: uppercase;
}
.home-profile .article-card .live-date,.latest-news-section small,.world-news p{
    color: #202124;
    font-size: 11.625px;
    font-weight: 400;
    line-height: 14.4px;
}
.home-profile .article-card h4{
    color: #202124;
    font-size: 36px;
    font-weight: 500;
    line-height: 49px; 
}
.home-profile .article-card h4 a{
    color: #202124;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px; 
}
.home-profile .article-card .read-article{
    color: #202124;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px; 
}
.latest-news-section h2,.world-news h2,.technology-news h2{
    color: #006F78;
    font-size: 36px;
    font-weight: 500;
    line-height: 43.2px;
    text-transform: uppercase;
}
.latest-news-section .card h5{
    color: #FFF;
    font-size: 22px;
    font-weight: 500 !important;
    line-height: 33.6px; 
    text-decoration-line: underline;
}
.latest-news-section h6,.world-news h6,.technology-news h6{
    color: #202124;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; 
}
.world-news .links p a{
    color: #202124;
    font-size: 14px;
    line-height: 24px; 
}
.world-news span{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px; 
    padding: 8px 20px;
}
.world-news h5{
    color: #202124;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px; 
}
.world-news hr,.latest-news-section hr,.technology-news hr{
    opacity: 100%;
}
.latest-news-section .right-blog-section img {
    width: 150px !important;
    height: 150px !important;
}
.world-news .right-blog-section img{
    width: 197px;
}
.world-news .left-blog-section{
    min-height: 548px;
    max-width: 408px;
}
.article-card h4
 {
    width: 80%;
}
.news-pagination nav ul.pagination {
    margin-top: 0px;
}
/*------------newspage------------*/

/*------------Homepage------------*/
.launch-bar {
    padding-top: 10px;
    background-color: #4f505c;
    color: white;
}
.profile_div {
    display: flex;
    align-items: start;
    text-align: left;
    gap: 5px;
    margin-top: 10px;
}

.profile_div img {
    margin-top: 5px;
}

.banner_sec form button:hover,
.goodlife a.greenbtnc:hover {
    background: var(--hovergreen) !important;
    color: var(--whitetxt) !important;
}

.banner_sec form {
    border-radius: 61px;
    border: 5px solid #E1E3E5;
    padding: 5px 15px;
    background: #fff;
}

.banner_sec form input {
    color: var(--darkgrayc);
}

.banner_sec form input,
.banner_sec form select {
    color: var(--darkgrayc);
    border: none;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
    height: 50px;
}

.banner_sec form .row>div img {
    max-width: 24px;
}

.banner_sec form button {
    font-weight: 600;
    border-radius: 48px;
    padding: 12px 20px;
}

.banner_sec_2 div>img {
    max-width: 555px;
}

.banner_sec {
    text-align: center;
    padding: 45px 0 0 !important;
    background-color: var(--lightgreen);
}

.banner_sec h1 {
    font-size: 54px;
    font-weight: 600;
    line-height: 64px;
    color: #006F78;
    text-align: left;
}

.banner_sec p {
    font-size: 20px;
    font-weight: 500;
    text-align: left;

}

.usps>div {
    border-radius: 6px;
    background: rgba(55, 58, 65, 0.70);
    margin: 0 13px;
    padding: 14px;
    text-align: left;
    gap: 10px;
}

.usps {
    margin-top: 46px;
}

.usps>div p {
    margin: 0;
    color: var(--whitegrayc);
    font-size: 17px;
    font-weight: 400;
}

.usps>div h4 {
    font-size: 28px;
    font-weight: 700;
    color: var(--whitetxt);
    margin: 0;
}

.banner_sec p span {
    color: var(--green);
}

.goodlife h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
}

.goodlife a.greenbtnc {
    border-radius: 8px;
    background: var(--green);
    padding: 14px 20px;
    text-decoration: none;
    font-weight: 500;
    margin-right: 10px;
    color: var(--whitetxt);
}

.goodlife a {
    font-weight: 500;
    color: var(--green);
}

a.goodlifea {
    color: black;
    text-decoration: none;
}
.cat_row>div {
    border-radius: 12px;
    text-align: left;
}

.cat_row>div p {
    color: var(--lgblack);
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.cat_row {
    gap: 24px;
}

.cat_row>div p span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.cat_row>div div {
    border-radius: 8px;
    background: var(--lightgreen);
    padding: 18px;
}

.cat_row>div a {
    width: 100%;
    gap: 10px;
    text-decoration: none;
    align-items: center;
    padding: 15px 0px;
}

.cat_row>div:hover {
    box-shadow: 0px 12px 48px 0px rgba(0, 44, 109, 0.10);
}

.cat_row>div:hover p {
    color: var(--green);
}

.cat_row>div:hover p span {
    color: var(--lgblack);
}

.find_jobs {
    display: inline-block;
    padding: 8px 21px !important;
}

.greenspan {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 20px;
    border-radius: 12px;
}

.howwork {
    background: var(--lightgreen);
}

.cat_row>div:hover img,
.howwork .row>div:hover div img {
    filter: brightness(0) invert(1);
}

.cat_row>div:hover div,
.howwork .row>div:hover div {
    background: var(--green) !important;
}

.howwork .row>div div {
    background: var(--whitetxt);
    padding: 18px;
    width: auto;
    display: inline-block;
    border-radius: 80px;
    position: relative;
}

.howwork .row>div:hover {
    background: #fff;
}

.howwork .row>div {
    padding: 24px;
    border-radius: 12px;
}

.howwork .row>div h4 {
    font-size: 18px;
    font-weight: 500;
    padding-top: 24px;
}

.howwork .row>div p {
    font-size: 14px;
    color: var(--lightgrayc);
}

.howwork .row>div div:after {
    content: '';
    background-image: url('assets/curve-arrow-down.svg');
    background-size: 200px;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 90px;
    background-repeat: no-repeat;
}

.howwork .row>div:last-child div:after {
    content: none;
}

.howwork .row>div:nth-child(even) div:after {
    top: -119px;
    transform: scaleY(-1);
}

/*nit*/
.job_seekers_col {
    border-radius: 25px;
    border: 1px solid #DBDBDB;
    background: var(--whitetxt);
    padding: 45px 20px 30px;
}

.job_seekers h2 {
    font-size: 45px;
    font-weight: 600;
}

.job_seekers h3 {
    color: #000;
    font-size: 27px;
    font-weight: 600;
}

.trnd_1 a {
    color: var(--blacktxt);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: unset;
    margin-top: 24px;
    display: inline-block;
    padding: 9px 18px;
    border-radius: 5px;
}

.job_seekers p {
    color: var(--whitegrayc);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 0;
    margin: 0;
    min-height: 75px;
}

.trnd_2:hover {
    border-color: #004996 !important;
    background: linear-gradient(198deg, #FDFEFE 33.7%, #E6F2FF 101.21%) !important;
}

.trnd_2:hover a {
    background: #004996 !important;
}

.trnd_2:hover h3 {
    color: #004996 !important;
}

.trnd_3:hover {
    border-color: #258F2D !important;
    background: linear-gradient(196deg, #FDFEFE 36.57%, #EFFFF1 101.92%) !important;
}

.trnd_3:hover a {
    background: #258F2D !important;
}

.trnd_3:hover h3 {
    color: #258F2D !important;
}

.trnd_4:hover {
    border-color: var(--green) !important;
    background: #FDFEFE !important;

}

.trnd_4:hover a {
    background: var(--green) !important;
}

.trnd_4:hover h3 {
    color: var(--green) !important;
}

.trnd_5:hover {
    border-color: #D84040 !important;
    background: linear-gradient(201deg, #FDFEFE 30.17%, #FFE9E9 100%) !important;
}

.trnd_5:hover a {
    background: #D84040 !important;
}

.trnd_5:hover h3 {
    color: #D84040 !important;
}

.job_seekers .row div {
    margin: 20px;
    overflow: hidden;
}

.trnd_5 h4 {
    font-size: 42px !important;
}

.job_seekers span {
    color: var(--whitegrayc);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.jobs_available a {
    color: var(--green);
    font-size: 24px;
    font-weight: 500;
}

.trnd_1 h4 {
    color: rgba(255, 255, 255, 0.55);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #E8E8E8;
    font-size: 54px;
    font-weight: 700;
    line-height: 24px;
    /* display: none; */
    letter-spacing: -2px;
    transform: translateX(110%);
    transition: transform 0.5s ease-in-out;
}

.trnd_1:hover h4 {
    /* display: block; */
    padding: 20px 0 0;
    transform: translateX(0);
}

.trnd_1:hover {
    border: 1px solid #047FF0;
    background: linear-gradient(194deg, #FFF 12.76%, #EEF7FF 102.11%);
}

.trnd_1:hover a {
    background: var(--skyblue);
    color: var(--whitetxt);
}

.trnd_1:hover h3 {
    color: var(--skyblue);
}

.trnd_1:hover a img {
    filter: brightness(0) invert(1);
}

.trnd_1:hover p {
    display: none;
    position: relative;
}

.trnd_1 {
    position: relative;
}

.trnd_1 .hover_img {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}

.trnd_1:hover .hover_img {
    display: block;
}

.jobs_available h2 {
    color: var(--blacktxt);
    font-size: 50px;
    font-weight: 700;
    text-transform: capitalize;
}

.jobs_available span {
    line-height: 22px;
}

.job_card {
    border-radius: 20px;
    background: var(--whitetxt);
    box-shadow: 0px 3px 8px 0px rgba(48, 150, 137, 0.08);
    padding: 40px;
}

.jobs_available .job-time {
    display: inline-block;
    font-size: 12px;
    background-color: var(--lightgreen);
    color: var(--green);
    padding: 3px 8px;
    border-radius: 8px;
}

.job-title {
    color: var(--blacktxt);
    font-size: 28px;
    font-weight: 600;
}

.job-meta_1 {
    color: var(--blacktxt);
    font-weight: 400;
}

.job-meta_2 {
    color: var(--whitegrayc);
    font-weight: 600;
}

.job-btn {
    background-color: var(--green) !important;
    padding: 5px 12px;
    width: 130px;
    height: 40px;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 400 !important;
}

.job-meta_2 img {
    margin-right: 15px;
    margin-left: 15px;
}

.top_companies h2 {
    color: var(--blacktxt);
    font-size: 50px;
    font-weight: 700;
    line-height: 48px;
}

.top_companies span {
    color: #5E6670;
    font-weight: 500;
    line-height: 22px;
}

.top_companies_col a {
    border-radius: 3px;
    background: var(--lightgreen);
    color: var(--green);
    font-weight: 600;
    line-height: 24px;
    text-decoration: unset;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 10px;
    margin-top: 15px;
}

.top_companies_col {
    border-radius: 8px;
    border: 1px solid #E4E5E8;
    box-shadow: 0px 2px 18px 0px rgba(24, 25, 28, 0.03);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top_companies_col h3 {
    color: #191F33;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 0px;
}

a.greenanchor {
    color: var(--green);
    font-size: 24px;
    font-weight: 500;
}

.top_companies_col span {
    color: var(--green);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 52px;
    background: var(--lightgreen);
    padding: 0px 12px;
}

.top_companies_col p {
    color: var(--lightgrayc);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 7px;
    margin-bottom: 0px;
}

.better_future .container .hero {
    border-radius: 20px;
    background: #212E37;
    padding: 0px 0 0px 50px;
}

.better_future .container .hero h2 {
    color: var(--whitetxt);
    font-size: 50px;
    font-weight: 700;
    line-height: 61px;
}

.better_future .container .hero p {
    color: var(--whitetxt);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}

.better_future .container .hero a {
    border-radius: 8px;
    padding: 14px 20px;
    text-decoration: unset;
}

.better_future .hero-img img {
    width: 100%;
}

.card-gray {
    background-image: url(assets/become-candidate.png);
}

.card-blue {
    background-image: url(assets/become-employer.png);
}

.card-custom {
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    box-sizing: border-box;
}

.card-custom h2,
.card-custom p {
    width: 307px;
}

.card-custom a {
    padding: 12px 20px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 500;
}

.card-custom p {
    padding-right: 57px;
    padding-bottom: 10px;
    font-size: 14px;
}

.card-gray a {
    color: var(--green);
}

.card-blue img {
    filter: brightness(0);
}

.job_card ul li {
    color: var(--whitegrayc);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.job_card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 21px;
}

.job_card ul img {
    margin-right: 7px;
}

.loginbtn:hover {
    background: var(--green);
    color: var(--whitetxt);
}

/*------------Homepage------------*/

/*------------Create Account------------*/

.register_login h1 {
    font-size: 35px;
    color: var(--black);
    font-weight: 700;
    padding-top: 50px;
}

.rl_left p {
    color: var(--lgblack);
    font-size: 16px;
    line-height: 22px;
}

.accountoption {
    border-radius: 8px;
    background: var(--EBEBEE);
    text-align: center;
    padding: 15px 10px;
    margin: 35px 0px !important;
}

.accounttwo {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.rl_left {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.accountoption p {
    font-size: 14px;
    color: var(--whitegrayc);
    font-weight: 500;
    margin-bottom: 10px;
}

.accounttwo .form-check label {
    border-radius: 4px;
    padding: 10px 40px;
    display: flex;
    align-items: center;
}

.accounttwo .form-check-input:checked+.form-check-label {
    background: var(--green);
    color: #fff;
}

.accounttwo .form-check-input:checked+.form-check-label img {
    filter: brightness(0) invert(1);
}

.accounttwo .form-check {
    padding: 0px;
    position: relative;
}

.accounttwo .form-check label img {
    margin-right: 5px;
}

.accounttwo .form-check input {
    margin: 0px;
    opacity: 0;
    padding: 10px !important;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    left: 0;
}

.register_login form input ,.register_login form select{
    border-radius: 5px !important;
    border: 2px solid var(--EBEBEE) !important;
    background-color: #FFF !important;
    color: var(--lightgrayc) !important;
    font-size: 14px !important;
    padding: 14px !important;
    margin-bottom: 16px !important;
    box-shadow: none !important;
}
.register_login form select {
    appearance: none;          
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path fill='%23999' d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center; 
    background-size: 20px;
    padding-right: 20px !important; 
}

.register_login form input::placeholder {
    color: #9199A3;
}

.termscond {
    color: var(--lgblack);
    font-size: 14px !important;
    padding: 0px !important;
    margin: 50px 0 30px;
}

.termscond input.form-check-input {
    padding: unset !important;
    width: 18px;
    height: 18px;
    border-radius: 4px !important;
    border: 1px solid var(--green) !important;
    margin-right: 6px !important;
    margin: 0px;
    background-color: #fff !important;
}

.termscond .form-check-input:checked {
    background-color: var(--green) !important;
}

.rl_left p a,
.termscond a {
    color: var(--green);
    text-decoration: none;
    font-weight: 500;
}
.authimg {
    background-image: url(assets/signinbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:80px 70px;
}
.authimg>div {
    border-radius: 46px;
    border: 1px solid rgba(255, 255, 255, 0.52);
    background: rgba(255, 255, 255, 0.21);
    backdrop-filter: blur(6.800000190734863px);
    padding: 55px 0px 0 28px;
    text-align: right;
    max-width: 476px;
    margin: 0 auto;
}
.forgotimg {
    width: 520px;
    height: 690px;
    margin: auto;
}
.authimg h2 {
    font-size: 40px;
    color: var(--whitetxt);
    font-weight: 500;
}
.signuserimg {
    margin-top: -300px;
}
.register_login,
.register_login .row {
    height: 100vh;
    margin: 0px !important;
}

.authimg ul {
    display: flex;
    font-size: 20px;
    color: var(--whitetxt);
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
    text-align: center;
    margin-top: 40px;
    max-width: 245px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.authimg ul span {
    display: block;
    font-size: 14px;
}

.authimg ul img {
    max-width: 45px;
    margin-bottom: 10px;
}

.register_login form button,
.register_login form .submitanchor {
    border-radius: 8px;
    background: var(--green) !important;
    border: none;
    font-weight: 500;
    width: 100%;
    padding: 12px;
}

.termscond input.form-check-input::checked {
    background-color: var(--green);
}

.register_login form button img {
    margin-left: 15px;
}

.password-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.password-wrapper input {
    width: 100%;
    padding-right: 40px;
    /* Ensure space for the eye icon */
}

.password-wrapper .toggle-password {
    position: absolute;
    right: 10px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    top: 15px;
}

/*------------Login Account------------*/
.signup h1 {
    padding-top: 125px !important;
}

.signup label.form-check-label {
    display: flex;
    justify-content: space-between;
}

/*------------Login Account------------*/

/*------------Reset password --------*/
.portal {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
}

.verification form {
    max-width: 450px;
    margin: 0 auto;
}

.verification-reset h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    /* 128.571% */
}

.verification-reset p {
    color: #5E6670;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
}

.verification-reset input {
    border-radius: 5px;
    border: none;
    background: var(--whitetxt);
    padding: 6px 255px 5px 14px;
    color: var(--939AA4);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.verification-reset button.btn {
    border-radius: 5px;
    background: var(--green);
    padding: 9px 159px 9px 159px;
}

.verification-reset button.btn:hover {
    background-color: var(--green) !important;
}

.verification-reset p a {
    color: var(--green) !important;
    line-height: 22px;
}

.verification-reset img.ps-2 {
    margin-top: -1px;
}

span.v-pwd {
    border-radius: 5px;
    border: 2px solid #EBEBEE;
    padding: 14px 9px;
    color: var(--939AA4);
}

.verification-reset input:focus-visible {
    outline: unset;
}

.verification-reset .img-div img,
.register_popup .img-div img {
    width: 26%;
}

.verification-reset .m-h,
.register_popup .m-h {
    align-items: flex-start;
    border: unset;
}

.verification-reset .modal-footer,
.register_popup .modal-footer {
    border: unset;
    justify-content: center;
    padding-bottom: 40px;
}

.verification-reset .modal-footer .btn,
.register_popup .modal-footer .btn {
    padding: 9px 47px;
    font-size: 18px;
    border-radius: 5px;
    background: var(--green);
    border: unset;
}

.verification-reset .modal h2,
.register_popup h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 110%;
    /* 35.2px */
}

.verification-reset .modal p,
.register_popup p {
    color: rgba(0, 0, 0, 0.80);
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

.verification-reset .modal-body,
.register_popup .modal-body {
    padding-bottom: 0px;
    padding-top: 0px;
}

.verification-reset .modal-dialog,
.register_popup .modal-dialog {
    max-width: 50% !important;
    margin-right: auto;
    margin-left: auto;
}

.verification-reset .img-reg-div img,
.register_popup .img-reg-div img {
    width: 50%;
}

.verification-reset .m-h2,
.register_popup .m-h2 {
    justify-content: center;
    border: unset;
}

/*------------Reset password --------*/
.styled-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, black 100%, #ccc 100%);
    border-radius: 2px;
    outline: none;
    max-width: 130px;
    margin: 10px;
}
ul.rating_listing li span {
    width: 24px;
}
.reviewboxdiv h4 {
    font-weight: 600;
}
.reviewboxdiv h3 {
    font-size: 32px;
    font-weight: 600;
}

.reviewboxdiv h3 span {
    font-weight: 600;
    font-size: 20px;
    color: #979999;
}
.reviewboxdiv {
    display: flex;
    justify-content: space-between;
    border: 1px solid #80808061;
    padding:30px;
    border-radius: 12px;
}
.singlecommentbox {
    border-radius: 10px;
    box-shadow: 0px 0px 2px 2px #80808040;
    padding: 20px;
    margin: 20px 0;
}
.singlecommentbox h6 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.singlecommentbox h6 img {
    margin-right: 8px;
}
.allcomment {
    font-weight: 700;
}
.reviewboxdiv h6 {
    margin-top: 0 !important;
}
.reviewstab h2 {
    margin-top: 30px !important;
    font-size: 32px;
    font-weight: 600;
    color: #141414;
}
ul.rating_listing li span img {
    margin-right: 2px;
}
/* Chrome, Safari, Edge */
.styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 0;
  width: 0;
}

/* Firefox */
.styled-slider::-moz-range-thumb {
  height: 0;
  width: 0;
  border: none;
}

/* Update the track dynamically */
.styled-slider::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 2px;
}

/* Firefox track */
.styled-slider::-moz-range-track {
  height: 4px;
  background: none;
}

ul.rating_listing li {
    display: flex;
    align-items: center;
    color: #000;
    gap: 5px;
}

ul.rating_listing {
    padding: 0;
    margin: 0;
}

/*------------OTP --------*/
.verification h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
}

.verification p {
    color: #5E6670;
    font-weight: 400;
    line-height: 22px;
}

.verification input {
    border-radius: 5px;
    border: 2px solid #EBEBEE;
    background: #FFF;
    padding: 10px;
    color: var(--939AA4);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
}

.verification button.btn {
    border-radius: 5px;
    background: var(--green);
    padding: 9px;
    width: 100%;
}

.verification button.btn:hover {
    background-color: var(--green) !important;
}

.verification p a {
    color: var(--green) !important;
    line-height: 22px;
    font-weight: 600;
    text-decoration: none;
}

.verification p.py-2 {
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: 500;
}

.verification img.ps-2 {
    margin-top: -1px;
}

/*------------OTP --------*/

/*------------Contact --------*/
.contactus h1 {
    text-align: center;
}

.contactus {
    padding: 120px 0 !important;
}

.contactus {
    background-image: url(assets/contact-banner.png);
    position: relative;
    z-index: 0;
}

.contactus:after {
    content: '';
    background: #01121FED;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.contact_sec h2 {
    color: var(--green);
    font-size: 40px;
    font-weight: 600;
    text-align: center;
}

.contact_sec p {
    color: var(--lgblack);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.contact_sec {
    padding: 50px 0 100px;
}

.contactleft {
    background: #011C2B;
    color: var(--whitetxt);
    border-radius: 6px;
    padding: 40px 30px;
    background-image: url(assets/contact-shape.svg);
    background-position: 150% 128%;
    background-size: 260px;
    background-repeat: no-repeat;
}

.contactleft h3 {
    font-size: 28px;
    font-weight: 600;
}

.contactleft p {
    color: var(--whitetxt);
    text-align: left;
    opacity: 0.9;
    font-size: 16px;
    font-weight: 200;
}

.cont_name {
    background-image: url(assets/fullname.svg);
}

.cont_mail {
    background-image: url(assets/mailicon.svg);
}

.cont_phone {
    background-image: url(assets/phoneicon.svg);
    ;
}

.cont_textarea {
    background-image: url(assets/message-square.svg);
    ;
}

.cont_name,
.cont_mail,
.cont_phone,
.cont_textarea {
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

.contactleft .contactlist li,
.contactleft .contactlist li a {
    color: var(--whitetxt);
    text-decoration: none;
}

.contactleft ul {
    padding: 0;
    list-style: none;
}

.contactleft .contactlist img {
    margin-right: 10px;
}

.contactleft .contactlist li {
    margin-right: 0;
    margin: 35px 0px;
}

.contactleft ul li {
    margin: 10px;
}

ul.contactlist {
    margin: 100px 0px;
}

.contact_inside {
    border-radius: 6px;
    background: var(--whitetxt);
    box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03);
    padding: 10px;
    margin-top: 50px;
}

.contactright h3 {
    color: var(--blacktxt);
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}

.contactright {
    padding: 40px 25px 25px 80px;
}

.contactright form input,
.contactright form textarea {
    border-radius: 6px;
    background-color: var(--lightgreen2) !important;
    border: none !important;
    margin-bottom: 20px;
    height: 47px;
    box-shadow: none !important;
    padding-left: 40px;
}

.contactright form textarea {
    height: 150px;
}

.contact_sec form button {
    border-radius: 5px !important;
    background: var(--011C2A) !important;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
    padding: 12px 45px !important;
    margin-top: 38px;
}

.contact_sec form {
    text-align: right;
}

/*------------Contact --------*/

/*------------FAQ --------*/
.faq-title:after,
.terms_section h1:after {
    content: '';
    background: rgba(48, 150, 137, 0.60);
    width: 128px;
    height: 74px;
    filter: blur(29.5px);
    position: absolute;
    left: 40%;
    top: 20px;
    z-index: -1;
}

.faq-title {
    color: var(--blacktxt);
    font-size: 65px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-top: 30px;
}

.faq-subtitle {
    text-align: center;
    font-size: 22px;
    color: var(--blacktxt);
    opacity: 0.8;
    font-weight: 500;
    padding-top: 55px;
    margin-bottom: 30px;
}

.faq-search form {
    border-radius: 8px;
    background: #F4F4F4;
    position: relative;
}

.faq_row .accordion-button::after {
    content: url('assets/accordianplus.svg');
    font-size: 1.5rem;
    transition: transform 0.2s;
    background-image: none !important;
}

.faq_row .accordion-item {
    border: none;
    border-bottom: 1px solid rgb(0 0 0 / 12%) !important;
    border-radius: 0px !important;
    padding: 24px 0;
}

.faq_row .accordion-item:last-child {
    border-bottom: none;
}

.faq_row button.accordion-button {
    font-size: 18px;
    background: none !important;
    color: var(--blacktxt) !important;
    font-weight: 500;
    box-shadow: none !important;
    padding: 0;
}

.faq_row .accordion-body {
    padding: 16px 0 0;
}

.faq_row .accordion-button:not(.collapsed) {
    color: var(--green) !important;
}

.faq-search {
    max-width: 600px;
    margin: 0 auto 3rem auto;
}

.faq_row .accordion-button.collapsed::after {
    transform: rotate(0deg);
}

.faq_row .accordion-button:not(.collapsed)::after {
    content: '–';
    font-size: 1.5rem;
}

.faq_row {
    margin-top: 70px !important;
    margin-bottom: 60px;
}

.faq-search form button {
    background: none !important;
    border: none !important;
    position: absolute;
    top: 10px;
    left: 10px;
}

.faq-search form input {
    background: none !important;
    border: none;
    height: 52px;
    padding-left: 48px !important;
    box-shadow: none !important;
}

/*------------FAQ --------*/

/*------------Terms --------*/
.terms_section p {
    font-size: 18px;
}

.terms_section h2 {
    font-size: 25px;
    font-weight: 500;
    margin: 30px 0 15px;
    color: var(--blacktxt)
}

.terms_section h1:after {
    left: 33%;
    background: rgba(48, 150, 137, 0.25);
    filter: blur(19.5px);
}

.terms_section h1 {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    padding-top: 40px;
    position: relative;
    padding-bottom: 55px;
}

/*------------Terms --------*/

/*------------Candidate Steps --------*/
.bootstrap-tagsinput input {
    width: 135px !important;
    border-radius: 20px !important;
    height: 38px;
    text-align: center;
}

.tt-dataset.tt-dataset-citynames {
    width: 250px;
    border-radius: 4px;
    border: 0.3px solid #D4D4D4;
    background: #FFF;
    padding: 1px;
}

.tt-suggestion.tt-selectable {
    margin: 6px;
    border-radius: 4px;
    background: #F6F6F6;
    padding: 10px;
    cursor: pointer;
}

.progress {
    max-width: 260px;
    height: 11px;
    background-color: var(--lightgreen);
}

.candidateheader p {
    font-size: 15px;
    color: var(--blacktxt);
    font-weight: 500;
    margin-bottom: 10px;
}

.candidateheader {
    background: var(--whitetxt);
    box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.19);
}

.candidatesteps {
    border-radius: 16px;
    background: var(--whitetxt);
    box-shadow: 28.14px 0px 35px 0px rgba(121, 121, 121, 0.05), -28.14px 70.351px 35px 0px rgba(121, 121, 121, 0.05);
    padding: 40px;
}

.candidatesteps button,
.candidatesteps .candbtn {
    border-radius: 8px;
    background: var(--green) !important;
    border: none;
    padding: 10px 24px;
    margin-top: 40px;
}

.candidatesteps label,
.darklabel {
    color: var(--blacktxt);
    font-weight: 500;
    margin-top: 8px;
    display: block;
}

.suggestionfld {
    width: 100%;
    outline: none !important;
}

.lightlabel {
    font-size: 14px;
    font-weight: 500 !important;
    color: var(--lightgrayc) !important;
    margin-bottom: 8px;
}

.candidatesteps input,
.candidatesteps textarea,
.candidatesteps select {
    border-radius: 6px;
    background-color: var(--lightgreen2) !important;
    border: none;
    padding: 10px;
    box-shadow: none !important;
    width: 100%;
    outline: none;
}

.candidatesteps input::placeholder,
.candidatesteps textarea::placeholder,
.candidatesteps select {
    font-size: 14px;
    color: var(--939AA4);
}

.candidatesteps select option {
    color: #000;
}

.candtext {
    font-size: 18px;
    color: var(--blacktxt);
}

.candtext strong {
    color: var(--green);
}

.stepper-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
    position: relative;
}

.stepper-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 95px;
}

.stepper-item::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 7px;
    width: 1px;
    height: 100%;
    background-color: #C5C5C5;
    z-index: 1;
    height: 104px;
}

.stepper-item:last-child::before {
    content: none;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--green);
    background: var(--whitetxt);
    color: var(--whitetxt);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.stepper-item .step-name {
    font-size: 14px;
    color: var(--4A4A4A);
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.completed .step-counter,
.stepper-item.active .step-counter {
    background-color: var(--green);
    box-shadow: 0px 4px 12px 0px rgba(48, 150, 137, 0.48);
}

.stepper-item.completed .step-counter {
    background-image: url(assets/completed-check.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.stepper-item.active .step-name {
    color: var(--green);
}

.button_container {
    justify-content: space-between;
}

.candidatesteps .prevbtn {
    border: 1px solid var(--green) !important;
    background: var(--lightgreen2) !important;
    color: var(--green) !important;
    font-weight: 500;
}

.tags,
.bootstrap-tagsinput {
    display: flex !important;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 10px;
    margin-bottom: 15px;
}

.tag {
    background-color: var(--lightgreen2) !important;
    border: 1px solid var(--green);
    padding: 6px 12px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center;
    font-size: 12px !important;
    color: #000 !important;
}

.tag span {
    margin-right: 8px;
    font-family: 'Greycliff CF' !important;
    color: var(--4A4A4A);

}

body .tags .tag button {
    border: none;
    background: none !important;
    cursor: pointer;
    font-weight: bold;
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 0px !important;
}

.dashboard_content ul.pagination .page-link,
ul.pagination .page-link {
    height: 36px !important;
}

.suggestions {
    background: var(--whitetxt);
    max-height: 120px;
    overflow-y: auto;
    position: absolute;
    width: calc(100% - 22px);
}

.suggestion-item {
    padding: 8px 10px;
    cursor: pointer;
}

input#skillInput {
    width: 100%;
    border: none;
    outline: none;
    margin-top: 10px;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}

.candidatesteps .form-check-label {
    margin: 0px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 22px;
    display: inline-block;
}

.selectcustom option {
    background: #F6F6F6;
    padding: 16px;
    margin: 10px;
}

.candidatesteps .form-check-input {
    padding: 13px !important;
    margin-right: 8px;
    width: auto;
}

.darklabel {
    margin-top: 30px;
}

.selectcustom option {
    background: #F6F6F6;
    padding: 16px;
    margin: 10px;
}

.selectcustom {
    max-width: 320px;
}

.candidatesteps .form-check-input:checked {
    background-image: url(assets/checked-green.svg) !important;
    background-size: auto;
}

.suggestions-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    background: var(--whitetxt);
    z-index: 1000;
}

.suggestions-list li {
    padding: 8px;
    cursor: pointer;
}

.suggestions-list li:hover {
    background-color: #f0f0f0;
}

.candidatesteps .addmore {
    margin-top: 25px !important;
    background: var(--lightgreen2) !important;
    color: var(--green) !important;
    font-weight: 700;
    padding: 12px 34px !important;
}

.candidatesteps .addmore img {
    margin-right: 7px;
}

.filestyling {
    background-image: url(assets/resume-upload.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 6px;
    background-color: var(--lightgreen2) !important;
    border: none;
    box-shadow: none !important;
    width: 100%;
    outline: none;
}

.filestyling input {
    opacity: 0;
}

.profile_completed {
    border-radius: 16px;
    background: var(--whitetxt);
    box-shadow: 28.14px 0px 35px 0px rgba(121, 121, 121, 0.05), -28.14px 70.351px 35px 0px rgba(121, 121, 121, 0.05);
    padding: 60px;
    text-align: center;
}

.profile_completed p {
    color: var(--lightgrayc);
}

.profile_completed h3 {
    font-size: 22px;
    color: var(--blacktxt);
    padding-top: 30px;
}

.profile_completed a {
    background: var(--green);
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 8px;
    margin-top: 15px;
}

.candidatesteps select option {
    background: #F6F6F6;
}

/*------------Candidate Steps --------*/
/*------------Dashboard --------*/
input.form-control.datetime-slot.flatpickr-input {
    background-image: url(assets/CalendarBlank.svg);
    background-position: 98% 6px;
    background-repeat: no-repeat;
}
#viewoffer .modal-footer p {
    display: block;
    width: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}
#viewoffer .modal-footer {
    margin-top: 10px;
}
#cancelinginterview textarea{
height: 80px !important;
}
.candidatetabcontent .total_applications_top .candidatediv, .candidatetabcontent .total_applications_top .rolediv {
    text-stroke: unset !important;
    -webkit-text-stroke: unset !important;
    color: var(--green) !important;
}
.interviewtoday {
    color: #FF8B00;
    font-weight: 600;
}
#interviewdetails textarea::placeholder,#notselected textarea::placeholder,#completed-feedback textarea::placeholder,#unsuccessfulfeedback textarea::placeholder{
    color: var(--green);
}
#resheduleinterviewcandidate .modal-footer {
    margin-top: 45px;
}
.timeselected {
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D5D7DA);
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    padding: 10px 28px;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
}
.candidatetabcontent .total_applications .candidatediv,.candidatetabcontent .total_applications .rolediv {
    text-stroke: 0.2px var(--blacktxt);
    -webkit-text-stroke: 0.2px var(--blacktxt);
    color:var(--011C2A);
}
#pendingcandidate .modal-footer {
    justify-content: start;
}

.blacknormaltxt {
    font-weight: 400 !important;
    color: var(--011C2A) !important;
    line-height: 24px;
    text-stroke: 0.3px var(--blacktxt);
    -webkit-text-stroke: 0.3px var(--blacktxt);
}

.greenboldtext {
    font-size: 14px;
    font-weight: 600;
    color: var(--green);
}

.reschedule_interview label.form-label {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.reschedule_interview label.form-label img {
    margin-right: 10px;
}

.interview_link {
    padding: 5px;
    font-size: 14px;
}

.view_interview .modal-footer {
    margin-top: 25px;
}

.email_txt {
    font-size: 14px;
    text-stroke: 0.3px var(--blacktxt);
    -webkit-text-stroke: 0.3px var(--blacktxt);
    margin-top: 16px;
    display: inline-block;
    padding: 5px;
}

.interview_link a {
    color: #000;
    font-weight: 400;
    text-stroke: 0.3px var(--blacktxt);
    -webkit-text-stroke: 0.3px var(--blacktxt);
}

.interview_link button {
    border: none !important;
    background: none !important;
    margin-left: 14px;
}

.view_interview h4 {
    font-size: 16px !important;
    color: var(--lgblack) !important;
    font-weight: 500 !important;
    text-stroke: 0.3px var(--blacktxt) !important;
    -webkit-text-stroke: 0.3px var(--blacktxt) !important;
    margin-bottom: 10px !important;
}

.view_interview h4 img {
    margin-right: 10px;
}

.candidate_profile .modal-dialog {
    max-width: 544px;
}

.add_slots input.form-control.datetime-slot.flatpickr-input {
    margin-bottom: 15px;
    background-image: url(assets/CalendarBlank.svg);
    background-position: 99% 8px;
    background-repeat: no-repeat;
    background-size: 30px;
}

.add_slots h4 {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
}

.add_slots .modal-footer {
    margin-top: 20px;
}

.add_slots h4 img {
    margin-right: 10px;
}

.reject_profile label.form-label img {
    margin-right: 9px;
}

.reject_profile label.form-label {
    font-size: 16px;
}

.reject_profile textarea {
    height: 50px !important;
    margin: 8px 0 25px;
}

.shortlist_profile form textarea {
    height: 80px;
    padding: 13px;
    font-size: 14px;
    box-shadow: none !important;
    border-color: var(--EBEBEE) !important;
}

.shortlist_profile form {
    margin-top: 20px;
}

.shortlist_profile form .form-check {
    padding: 0px;
    margin-bottom: 10px;
}

.shortlist_profile form .form-check input {
    width: auto;
    padding: 8px;
}

.shortlist_profile .form-check .form-check-input {
    margin: 0px;
    margin-right: 8px;
    float: unset;
    position: relative;
    top: 4px;
}

.shortlist_profile form .form-check-input:checked {
    background-color: var(--green);
}

.shortlist_profile form .form-check {
    padding: 0px;
}

.shortlist_profile form .form-check input {
    width: auto;
}

.candidate_profile .modal-footer .btn {
    font-size: 14px;
}

.btn.whitebtn {
    color: var(--lgblack) !important;
    background: white !important;
    border: 1px solid var(--darkgrayc);
}

.candidate_profile table td {
    width: 200px;
}

.candidate_profile h4 {
    color: var(--green);
    font-weight: 700;
    font-size: 14px;
    margin-top: 25px;
    padding: 5px;
    margin-bottom: 35px;
}

.candidate_profile h4 span {
    color: var(--lgblack);
    font-weight: 400;
    margin-top: 7px;
    display: inline-block;
}

.candidate_profile table tr td:first-child {
    font-size: 14px;
    color: var(--blacktxt);
}

.candidate_profile table tr td:last-child {
    font-size: 12px;
    color: var(--green);
}

.candidate_profile table tr td:last-child a {
    color: var(--green);
}

.candidate_profile h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

.candidate_profile h2 img {
    margin-right: 16px;
}

.candidate_profile table td {
    width: 200px;
}

.interview_completed {
    color: var(--green);
    font-weight: 600;
}

.gray_status {
    font-weight: 700;
}

.interview_sheduled {
    color: var(--green);
    font-weight: 500;
}

.green_status {
    color: #039855;
    font-weight: 600;
}

.screeningprogress_status {
    font-weight: 700;
    color: var(--green);
}

.rejected_status {
    color: #E5322D;
    opacity: 0.5;
}

.dark_txt {
    color: var(--blacktxt);
    font-weight: 500;
    text-stroke: 0.3px var(--blacktxt);
    -webkit-text-stroke: 0.3px var(--blacktxt);
}

.total_applications .order-action button:hover {
    background-color: var(--green);
    color: #fff;
}

.total_applications .order-action button {
    border-radius: 4px;
    border: 1px solid var(--green);
    background: #FFF;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 7px 5px;
    font-weight: 500;
}

.total_applications .order-action button:last-child {
    margin-bottom: 0px;
}

.total_applications .candidatediv {
    width: 15%;
}

.total_applications .rolediv {
    width: 18%;
}

.total_applications .applied_div,
.total_applications .interview_status,
.total_applications .current_status {
    width: 20%;
}

.total_applications .action_div {
    width: 7%;
    text-align: center;
}

.total_applications .action-icon {
    cursor: pointer;
}

.total_applications .order-action {
    display: none;
    position: absolute;
    padding: 5px;
    border-radius: 4px;
    z-index: 1000;
    text-align: left !important;
    justify-content: start !important;
    border-radius: 4px;
    background: var(--lightgreen);
    min-width: 160px;
}

.total_applications {
    color: var(--6C757D);
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
    padding: 30px 20px;
    border-bottom: 1px solid #D2D2D2;
}

.total_applications.total_applications_top {
    border-radius: 4px;
    background: #EDF4FB;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--green);
    border: none;
}

.employer_dashbanner h2 {
    font-size: 24px !important;
    line-height: 40px;
    margin: 0px !important;
}

.dashjobgrid>div {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 3px 8px 0px rgba(48, 150, 137, 0.08);
    padding: 15px 25px;
    width: 31% !important;

}

.dashjobgrid>div span {
    border-radius: 8px;
    background: rgba(48, 150, 137, 0.10);
    color: var(--green);
    padding: 8px 12px;
    display: inline-block;
}

.dashboard_content h2 {
    font-size: 28px;
    margin-bottom: 15px;
}

.dashjoblisthead h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: var(--011C2A);
}

.dashbanner p {
    font-size: 14px;
    margin: 0;
}

.dashboardsec {
    padding: 75px 0;
}

.dashboardbar {
    width: 20%;
}

.dashboard_content {
    width: 80%;
    padding-left: 60px;
}

.dashboard_content h1 {
    font-size: 24px;
    font-weight: 600;
    color: var(--011C2A);
    ;
}

.dashjoblisthead a {
    color: var(--green);
    font-weight: 600;
    font-size: 18px;
}

.employer_dashbanner {
    background-image: url(assets/employer-dashboard.svg) !important;
    margin-bottom: 40px !important;
}

.dashbanner {
    border-radius: 8px;
    background-color: var(--011C2A);
    box-shadow: 0px 8px 24px 0px rgba(69, 69, 80, 0.10);
    color: #fff;
    padding: 24px;
    margin: 25px 0 60px;
    background-image: url(assets/candidate-dashboard-img.png);
    background-repeat: no-repeat;
    background-position: 90% 10px;
}

.inner_links ul.dropdown-menu {
    left: -57px !important;
    width: 200px;
    border: none;
    box-shadow: 28.14px 0px 49.246px 0px rgba(121, 121, 121, 0.05), -28.14px 70.351px 49.246px 0px rgba(121, 121, 121, 0.05);
}

.inner_links ul.dropdown-menu li {
    padding: 4px 14px;
    font-weight: 500;
    border: none;
}

.inner_links ul.dropdown-menu li a {
    padding: 0;
    color: var(--blacktxt);
}

.inner_links li.nav-item.dropdown {
    border: none;
}

.inner_links>a img {
    margin-right: 10px;
}

.inner_links .dropdown-toggle img {
    margin-right: 10px;
}

.dashboardbar {
    border-radius: 10px;
    background: var(--green);
    padding: 40px 24px;
    text-align: center;
    min-height: 767px;
    height: 100%;
}

.dashboardbar label {
    color: var(--whitetxt);
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 8px;
}

ul.dash_links {
    list-style: none;
    text-align: left;
    padding: 0;
    margin-top: 30px;
    position: relative;
}

ul.dash_links li a {
    color: var(--whitetxt);
    text-decoration: none;
    padding: 15px;
    width: 100%;
    display: inline-block;
    position: relative;
    border-radius: 5px;
}

ul.dash_links li img {
    margin-right: 13px;
}

ul.dash_links li a {
    color: var(--whitetxt);
    text-decoration: none;
    padding: 15px;
    width: 100%;
    display: inline-block;
}

ul.dash_links li {
    margin-bottom: 5px;
}

.dashboardbar .progress-bar {
    background-color: var(--orange);
}

.progress-circle {
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: conic-gradient(#fff 100%, var(--orange) 0%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.progress-fill {
    width: 120px;
    height: 120px;
    background: var(--whitetxt);
    border-radius: 50%;
    z-index: 2;
    border: 5px solid var(--green);
}

.progress-value {
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    color: var(--whitetxt);
    z-index: 3;
    bottom: 0px;
    z-index: 999;
    left: 51px;
}

.profile_dashboard {
    margin-top: 0;
    position: absolute;
    left: 3px;
    z-index: 9;
    width: 100px;
    height: 100px;
    top: 4px;
}

.required-wrapper {
    position: relative;
    width: 100%;
}

.required-wrapper::after {
    content: '*';
    color: red;
    position: absolute;
    top: 35%;
    right: 6px;
    transform: translateY(-50%);
    font-size: 30px;
    pointer-events: none;
}
.required-wrapper.password-field::after {
    top: 17px;
    right: 5px;
}
.spanstar-custom {
    font-size: 24px;
    line-height: 0px;
}
.dashboardbar h3.username {
    text-align: center;
    font-weight: 600;
    color: var(--whitetxt);
    font-size: 18px;
    margin-top: 12px;
}

.updateprofile {
    color: var(--whitetxt);
    text-align: center;
    font-size: 14px;
}

ul.dash_links li a:hover,
ul.dash_links li.active a {
    background-color: var(--darkgreen);
}

ul.dash_links li a:hover::before,
ul.dash_links li.active a:before {
    opacity: 1;
}

ul.dash_links li a:before {
    content: '';
    background: var(--whitetxt);
    position: absolute;
    left: 0;
    width: 6px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    opacity: 0;
}

ul.dash_links:after {
    content: '';
    background: rgba(255, 255, 255, 0.20);
    height: 1px;
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
}

.logoutbtn {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.20);
    color: var(--whitetxt);
    text-decoration: none;
    padding: 15px;
    display: inline-block;
    width: 100%;
    margin-top: 80px;
    font-size: 18px;
    font-weight: 500;
}

.logoutbtn img {
    margin-right: 10px;
}

.dashjobgrid>div h4 {
    font-size: 18px;
    color: var(--blacktxt);
    font-weight: 500;
    -webkit-text-stroke: 0.3px var(--blacktxt);
    text-stroke: 0.3px var(--blacktxt);
    margin-bottom: 5px;
}

.dashjobgrid>div p {
    font-size: 12px;
    margin: 0;
    color: var(--blacktxt);
}

.dashjobgrid div ul {
    padding: 0;
    list-style: none;
    margin: 0;
    margin-top: 27px;
}

.dashjobgrid div ul li {
    margin-bottom: 8px;
    color: var(--4A4A4A);
    font-weight: 500;
}

.dashjobgrid div ul li img {
    margin-right: 8px;
}

.dashjobgrid {
    gap: 24px;
}

.dashjobgrid>div a {
    text-decoration: none;
}

/*------------Dashboard --------*/
/*------------Settings --------*/
ul.settinglinks {
    padding: 30px 0 7px;
    list-style: none;
    gap: 25px;
    border-bottom: 1px solid var(--lightgreen2);
}

ul.settinglinks li a {
    color: var(--lightgrayc);
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    position: relative;
    padding: 14px 0px;

}

ul.settinglinks li img {
    margin-right: 8px;
}

ul.settinglinks li a:hover:after,
ul.settinglinks li.active a:after {
    opacity: 1;
}

ul.settinglinks li a:hover,
ul.settinglinks li.active a {
    color: var(--green);
}

ul.settinglinks li a:after {
    content: '';
    background: var(--green);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0;
}

.profile_form {
    position: relative;
}

img.profile_photo {
    width: 160px;
    height: 162px;
}

.profile_form input[type="file"] {
    width: 159px;
    height: 162px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

h3.basicinfo {
    color: var(--011C2A);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 15px;
}

h3.basicinfo span {
    font-size: 14px;
    display: block;
    color: var(--lightgrayc);
}

.personalform input,
.personalform textarea,
.careerprefform select,
.companydetailform select,
.postjobform select {
    border-radius: 6px;
    background-color: var(--lightgreen2);
    border: none;
    width: 100%;
    margin: 10px 0;
    padding: 13px;
    outline: none;
}

form.personalform {
    margin-top: 60px;
}

.addressline {
    background-image: url(assets/addressicon.svg) !important;
}

.perfullname {
    background-image: url(assets/fullname.svg) !important;
}

.peremail {
    background-image: url(assets/mailicon.svg) !important;
}

.perphone {
    background-image: url(assets/phoneicon.svg) !important;
}

.perfullname,
.peremail,
.perphone,
.addressline {
    padding-left: 44px !important;
    background-repeat: no-repeat !important;
    background-position: 15px 13px !important;
}

body .personalform button,
.personalform .prevbtn {
    border-radius: 8px;
    background: var(--green);
    border: none;
    color: var(--whitetxt);
    padding: 10px 22px;
    outline: none !important;
    margin-top: 20px !important;
    font-weight: 500;
}

.personalform button.cancelbtn {
    background: none !important;
    color: var(--4A4A4A);
}

.changepassform label,
.careerprefform label,
p.label,
.professionaldetail label,
.companydetailform label,
.postjobform label,
.labelp {
    color: #000;
    -webkit-text-stroke: 0.5px var(--blacktxt);
    text-stroke: 0.5px var(--blacktxt);
}

p.label {
    margin-bottom: 15px;
}

.careerprefform label {
    display: block;
}

/* .changepassform {
    max-width: fit-content;
} */

.careerprefform select {
    display: block;
    width: 100%;
}

.checkboxoption label {
    display: inline-block;
    margin-right: 29px;
    color: var(--939AA4);
    -webkit-text-stroke: 0;
}

.checkboxoption input[type="checkbox"],
.employmentmodal .form-check input[type="checkbox"] {
    width: 16px !important;
    margin-right: 6px;
    height: 16px !important;
    vertical-align: middle;
    background-color: var(--whitetxt) !important;
    border: 1px solid !important;
    padding: unset;
    box-shadow: none;
}

.checkboxoption input[type="checkbox"]:checked,
.employmentmodal .form-check input[type="checkbox"]:checked {
    background-color: var(--green) !important;
    border-color: var(--green);
}

.careerprefform .cancelbtn {
    color: var(--green) !important;
}

.careerprefform,
.changepassform {
    margin-top: 30px !important;
}

.filediv {
    border-radius: 8px;
    border: 1px dashed var(--green);
    background: var(--whitetxt);
    width: 100%;
    height: 139px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

.filediv h3 {
    color: var(--blacktxt);
    font-size: 18px;
    line-height: 24px;
}

.filediv h3 span {
    display: block;
    font-size: 14px;
    color: var(--939AA4);
}

.uploadresume {
    position: relative;
}

.uploadresume input[type="file"] {
    position: absolute;
    width: 100%;
    height: 139px;
    margin: 0;
    opacity: 0;
}

.filediv p {
    display: inline-block;
    color: var(--green);
    margin: 0;
}

.professionaldetail label {
    margin-bottom: 16px;
}

.innerdetails {
    border-radius: 8px;
    background: var(--whitetxt);
    box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
    padding: 22px;
    margin-top: 30px;
}

.innerdetails button {
    margin-top: 0px !important;
    padding: 10px;
}

.innerdetails h5 {
    color: var(--blacktxt);
    font-weight: 500;
    margin: 0;
}

.innerdetails h5 span {
    color: var(--939AA4);
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

/*------------Settings --------*/
/*------------modal --------*/

.modal-content input,
.modal-content select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #EBEBEE !important;
    background-color: #FFF;
    padding: 14px;
    outline: none;
    box-shadow: none !important;
    font-size: 12px;
}

.modal-content h2 {
    color: var(--blacktxt);
}

.modal-content label {
    font-size: 14px;
    color: var(--blacktxt);
    font-weight: 500;
}

.modal-content .modal-header,
.modal-content .modal-footer {
    border: none;
}

.modal-dialog {
    max-width: 617px;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 0;
}

.modal-content {
    border-radius: 16px;
    background: var(--whitetxt);
    box-shadow: 28.14px 0px 49.246px 0px rgba(121, 121, 121, 0.05), -28.14px 70.351px 49.246px 0px rgba(121, 121, 121, 0.05);
    padding: 30px;
}

button.btn-close {
    position: absolute;
    right: 25px;
    top: 25px;
}

.modal-footer button {
    border-radius: 5px;
    background: var(--green) !important;
    color: #fff !important;
    padding: 7px 25px;
    font-weight: 500;
    margin: 0 5px;
}

button.cancelclose {
    color: var(--green) !important;
    background-color: var(--whitetxt) !important;
}

.resumemodal .modal-content h2 {
    font-size: 22px !important;
    font-weight: 600;
}

.resumemodal .modal-header {
    padding-top: 20px !important;
}

.resumemodal .modal-content form textarea {
    border-radius: 10px;
    border: 1px solid #EBEBEE !important;
    background: var(--whitetxt);
    width: 100%;
    height: 74px;
    padding: 10px;
    outline: none;
}

.resumemodal .modal-content form textarea::placeholder {
    font-size: 12px;
}

.resumemodal .modal-content p {
    color: var(--6C757D);
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 5px;
    font-weight: 500;
}

.resumemodal .modal-footer {
    margin-top: 35px;
}

a.chatsupport {
    font-size: 12px;
    color: var(--6C757D);
    text-decoration: none;
    border-radius: 28px;
    border: 1px solid var(--green);
    background: var(--whitetxt);
    padding: 10px 18px;
    display: inline-block;
    margin-top: 20px;
}

.keyskillsmodal .modal-content form h3 {
    font-size: 20px;
    font-weight: 500;
    color: var(--blacktxt);
}

ul.skillbox {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 12px;
}

ul.skillbox li {
    border-radius: 28px;
    border: 1px solid var(--green);
    background: rgba(48, 150, 137, 0.10);
    font-size: 12px;
    color: #6C757D;
    padding: 7px 17px;
}

ul.skillbox li button {
    border: none;
}

.addedinfo h4 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}

.addedinfo button {
    background: none !important;
    padding: 0 !important;
    margin-left: 10px !important;
}

.reschedule_interview label.form-label.addnote {
    font-size: 16px;
}

.reschedule_interview textarea {
    height: 50px !important;
}

.addedinfo {
    padding-top: 22px;
}

.addedinfo p,
.addedinfo span {
    margin: 0;
    font-size: 14px !important;
}

.addedinfo span {
    color: #6C757D;
}

button.textualbtn {
    padding: 11px 28px;
}

.employmentmodal .form-check {
    width: auto;
    padding-left: 12px;
}

.employmentmodal .form-check label {
    color: var(--939AA4);
    font-size: 16px;
    font-weight: 400;
}

.employmentmodal .form-check .form-check-input {
    margin-left: 0;
}

.employmentmodal input::placeholder,
.employmentmodal select.form-select::placeholder {
    font-size: 12px;
}

button.btn-close.deletebutton {
    color: var(--green);
    font-size: 18px;
    opacity: 1;
    font-weight: 600;
    right: 125px;
    position: absolute;
    top: 20px;
    --bs-btn-close-bg: none;
    box-shadow: none !important;
}

/*------------modal --------*/

/*------------Applied Jobs --------*/
.jobtitle {
    font-size: 20px !important;
    font-weight: 500 !important;
    padding-bottom: 20px;
}

.jobtitle span {
    color: #898A8A !important;
}

.jobtitlename {
    font-size: 18px;
}

.jobtitlename span {
    color: var(--green);
    background: var(--lightgreen2);
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 3px;
    margin-left: 4px;
}

.job-info p {
    font-size: 14px;
    color: var(--6C757D);
    margin: 0;
}

.job-info p img {
    max-width: 17px;
    filter: grayscale(1);
}

.job-listing {
    border-bottom: 1px solid #D2D2D2;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5px;
    gap: 5px;
}

.job-left {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 45%;
}

.job-status {
    width: 15%;
    text-align: center;
}

.job-center {
    width: 20%;
}

.job-right {
    width: 20%;
    text-align: right;
}

.close-div-job {
    width: 20%;
    text-align: center;
}

.close-div-job button
    {font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    padding: 11px;
    border-radius: 4px;
    transition: 0.5s;
    display: inline-block;
    width: 110px;}

span.activestatus {
    font-size: 15px;
    color: #056055;
    font-weight: 600;
}

.job-status span img {
    width: 12px;
    margin-right: 4px;
}

span.expiredstatus {
    color: #E5322D;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    width: 71px;

}

.job-right a {
    color: var(--green);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    padding: 12px;
    border-radius: 4px;
    background: var(--lightgreen);
    transition: 0.5s;
    display: inline-block;
    width: 143px;
    text-align: center;
}

.job-right a:hover {
    color: #fff;
    background-color: var(--green);
}

.savejobicon {
    margin-right: 27px;
}

.jobexpiry {
    font-size: 15px;
    font-weight: 600;
    color: #E5322D;
}

.daysremaining {
    color: #4B4C4D;
    font-weight: 600;
    font-size: 15px;
}

.jobexpiry img,
.daysremaining img {
    margin-right: 5px;
}

.saved_job_listing .job-status {
    width: 34%;
    text-align: left;
}

.saved_job_listing .job-left {
    width: 41%;
}

.saved_job_listing .job-right {
    display: flex;
    align-items: center;
}

.dashboard_content ul.pagination,
ul.pagination {
    margin-top: 80px;
    margin-bottom: 0px;
    justify-content: center;
    gap: 14px;
}

.dashboard_content ul.pagination li a,
ul.pagination li a {
    border-radius: 5px;
    border: 2px solid var(--Gray-600, #6C757D) !important;
    box-shadow: none;
    font-size: 18px;
    color: #6C757D !important;
    padding: 4px 14px;
}

.dashboard_content li.page-item.active a,
ul.pagination li.page-item.active a,
ul.pagination li.page-item.active span {
    background: var(--green);
    color: #FFF !IMPORTANT;
    border-color: var(--green) !important;
    border-radius: 5px;
    font-size: 18px;
    padding: 5px 14px;
}

.dashboard_content ul.pagination li a img,
.pagination li.page-item.active a img {
    filter: opacity(0.5);
    width: 7px;
    margin-left: 4px;
}

a.deadlineexpire {
    border-radius: 4px !important;
    background: #E0E0E0 !important;
    color: #6C757D !important;
}

/*------------Applied Jobs --------*/
/*------------Employer Dashboard--------*/
.mode_select label,
.mode_select {
    display: flex;
    align-items: center;
}

.mode_select {
    display: flex;
    gap: 28px;
    align-items: center;
    margin: 20px 0;
}

.mode_select label {
    gap: 12px;
}

#pending-application .total_applications {
    text-align: center;
}

.interviewer {
    width: 15%;
}

.interview_link.attchmntxtt a {
    margin-left: 15px;
    text-decoration: none;
    color: var(--green);
}

.interview_link.attchmntxtt a img {
    margin-right: 6px;
}

.upcoming_int .total_applications {
    text-align: center;
}

.upcoming_int .interview_status {
    width: 15% !important;
}

.mode {
    width: 10%;
}

.adding_feedbk .select_action {
    margin-bottom: 25px !important;
}

.adding_feedbk .select_action input:checked {
    background-color: var(--green);
}

.adding_feedbk .select_action input {
    padding: 8px !important;
    width: auto !important;
}

.adding_feedbk .form-check {
    float: none !important;
    padding: 0px !important;
}

.adding_feedbk .form-check-input:checked[type=checkbox] {
    background-image: url(assets/checked-green.svg);
    background-size: auto;
}

.adding_feedbk .form-check input {
    background-color: #EAF4F3;
}

.adding_feedbk .form-check input {
    width: 22px;
    padding: 10px;
}

.adding_feedbk .reviewpopup .rating_div form {
    margin-top: 0px;
}

.evaluation_box {
    display: flex;
    gap: 22px;
}

.adding_feedbk label.form-label {
    font-size: 18px !important;
}

.evaluation_box input {
    margin-right: 4px !important;
}

.awaiting_hr label.form-label img {
    margin-right: 8px;
}

.cancel_interview h3 {
    font-size: 18px;
    color: #000;
    margin: 22px 0 20px;
}

.cancel_interview .modal-footer {
    margin-top: 20px;
}

.socialform input {
    padding-left: 180px;
}

.companydetailform {
    margin-top: 20px !important;
}

/*.companydetailform {
    max-width: 670px;
}*/

.socialtitle {
    border-radius: 8px;
    background: var(--green);
    padding: 13px 25px;
    width: 153px;
    display: inline-block;
    font-size: 14px;
    color: var(--whitetxt);
    position: absolute;
    bottom: 12px;
    left: 0;
}

.socialtitle img {
    filter: brightness(10);
    margin-right: 10px;
}

.companydetailform select {
    padding: 16px;
}

a.postjobbtn {
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 4px;
    border: 1px solid var(--green);
    color: var(--011C2A);
    margin: 0 5px 0 8px;
}

.employermnu .dropdown-toggle img {
    margin: 0px;
}

.dashboard_content button.nav-link {
    border-radius: 8px;
    background: #E7F0FA;
    box-shadow: 0px 3px 19px 0px rgba(69, 69, 80, 0.10);
    width: 213px;
    margin-right: 22px;
    padding: 25px 10px 25px 25px;
}

.dashboard_content button.nav-link .icon img {
    width: 40px;
}

.dashboard_content button.nav-link .number {
    color: var(--011C2A);
    font-size: 30px;
    font-weight: 700;
}

.dashboard_content button.nav-link .number .label {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.dashboard_content .appointment_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.dashboard_content button.nav-link.active {
    background: var(--darkgreen) !important;
}

.dashboard_content button.nav-link.active .number {
    color: #fff;
}

.dashboard_content button.nav-link.active .number .label {
    -webkit-text-stroke: 0;
    text-stroke: 0;
}

.dashboard_content .nav-tabs {
    margin: 30px 0 !important;
    border: none;
}

.postedjobs .job-center,
.postedjobs .job-left {
    width: 30%;
}

.postedjobs .job-status {
    width: 20%;
    text-align: center;
}

.postedjobs .job-center img {
    margin-right: 5px;
}

.postedjobs .job-right {
    text-align: center;
}

.postedjobs .job-left {
    margin-left: 20px;
}

.postedjobs h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--lgblack);
}

.postedjobs .jobtitlename {
    font-size: 18px;
    color: var(--011C2A);
}

.employuser img {
    max-width: 140px;
}

ul.settinglinks li img {
    filter: grayscale(1);
}

ul.settinglinks li.active img,
ul.settinglinks li a:hover img {
    filter: unset;
}

/*------------Employer Dashboard--------*/
/*------------Job Application--------*/
.jobapplication h1 {
    font-size: 19px;
    padding-bottom: 20px;
}

.jobapplication h2.jobapplicationtitle {
    font-size: 18px;
    margin-bottom: 5px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.jobapplication p.text-black-50 {
    font-weight: 500;
    font-size: 14px;
}

ul.greenatt {
    display: flex;
    padding-left: 16px;
    gap: 30px;
    font-size: 14px;
    color: var(--green);
    font-weight: 600;
}

.jobapplication h3 {
    font-size: 14px;
    color: var(--6C757D);
    margin-bottom: 15px;
}

.jobapplication .text-black-50 img {
    margin-right: 7px;
    filter: grayscale(1) sepia(1);
    width: 20px;
}

.jobapplication h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    color: var(--blacktxt);
}

.jobapplication p {
    font-size: 14px;
    color: var(--011C2A);
}

.otherjobapplications h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--blacktxt);
}

.otherjobapplications h2 img {
    margin-right: 12px;
}

.searchform {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 1px 5px #80808054;
}

.searchform input,
.searchform button {
    border: none;
    padding: 10px 0;
    font-size: 14px;
    box-shadow: none !important;
    background: none !important;
}

.searchform button img {
    filter: brightness(0.5);
}

.searchform button {
    padding: 0 15px;
}

.jobapplication p.job-meta span.text-black {
    font-weight: 600;
}

.jobapplication span.title-badge,
.allcandidates span.title-badge {
    background: none;
    color: var(--6C757D);
    padding: 7px;
    font-weight: 400;
}

.jobapplication h2.jobapplicationtitle a {
    border-radius: 4px;
    color: var(--green);
    background: var(--lightgreen2);
    font-size: 14px;
    padding: 13px 32px;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

.jobapplication h2.jobapplicationtitle a img {
    margin-right: 10px;
}

/*------------Job Application--------*/
/*------------Single Candidate--------*/
.singlecandsection .card-custom {
    border: 2px solid #EBF5F4;
    border-radius: 8px;
    padding: 32px 28px;
    color: var(--blacktxt);
}

.unsavedbtn {
    border-radius: 4px;
    background: #EBF5F4;
    display: flex;
    height: 50px;
    width: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.singlecandsection {
    padding: 30px 0 50px;
}

.contact-btn {
    background-color: var(--green);
    color: white;
    border-radius: 8px;
    padding: 8px 20px;
    text-decoration: none;
}

.sprofileimg {
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.singlecandsection h4 {
    font-size: 22px;
    color: var(--blacktxt);
}

.singlecandsection h6 {
    font-size: 18px;
    color: var(--blacktxt);
}

section.singlecandsection p {
    color: var(--4A4A4A);
    font-weight: 500;
}

.singlecandsection .label-pill {
    font-size: 14px;
    padding: 7px 30px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 10px;
    background-color: var(--EBEBEE);
    color: var(--6C757D);
}

/*------------Single Candidate--------*/

/*------------Find  Candidate--------*/
.filtertrigger img {
    margin-right: 9px;
}

.filtertrigger {
    border: none;
    background: none !important;
    display: none;
    font-size: 18px;
    font-weight: 500;
}

.findcandidate .form-select {
    box-shadow: none !important;
    border: 1px solid var(--darkgrayc) !important;
}

a.savejobicon {
    background: none !important;
    width: unset !important;
}

.allcandidates .job-right {
    width: 40%;
}

.allcandidates .job-left {
    width: 60%;
}

.allcandidates p.job-meta {
    font-size: 16px;
    font-weight: 500;
}

.allcandidates .job-listing {
    padding: 24px 18px !important;
    border: 1px solid #E8E8E8 !important;
    margin-bottom: 20px;
    border-radius: 7px;
}

.findcandidate h3 {
    font-size: 24px;
    color: var(--011C2A);
    font-weight: 600;
}

.job-info p img {
    filter: none;
    margin-right: 6px;
}

.candidate-card {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f9fdfc;
}

.candidate-card img {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    border-radius: 50%;
}

.view-profile-btn {
    background-color: var(--green);
    color: #fff;
}

.findcandidate {
    padding: 60px 0;
}

.findcandidate h1 {
    font-size: 50px;
    font-weight: 600;
}

.findcandidate p {
    font-size: 18px !important;
    color: var(--6C757D);
}

.findcandidate form button.btn {
    border-radius: 0px 4px 4px 0px;
    background: var(--green);
    color: #fff;
    width: 250px;
}

.findcandidate form {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid rgba(20, 20, 20, 0.10);
    background: #FFF;
    margin: 13px 0 30px;
}

.findcandidate form input {
    height: 55px;
    border: none !important;
    box-shadow: none !important;
    padding-left: 40px;
}

.jobtitleinput {
    background-image: url(assets/search-gray.svg) !important;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 22px;
}

.findcandidate .locationinput {
    background-image: url(assets/location-gray.svg) !important;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 22px;
    border-left: 1px solid rgba(20, 20, 20, 0.10) !important;
    border-radius: 0px !important;
}

.filtersbar h4 {
    font-size: 24px;
    font-weight: 700;
}

.filtersbar .small {
    color: var(--6C757D);
    font-weight: 500;
}

.filterboxbar {
    border-radius: 20px;
    background: #EBF5F4;
    padding: 40px 20px;
}

.filter-box h6 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.d-none {
    display: none !important;
}

.showmorebtn {
    border-radius: 8px;
    background: var(--green) !important;
    color: var(--whitetxt) !important;
    margin-top: 20px;
    position: relative;
    margin-bottom: 5px;
    font-weight: 600;
}

.btn-primary {
    border-radius: 8px;
    background: var(--green) !important;
    color: var(--whitetxt) !important;
    border: var(--whitetxt) !important;
    margin-top: 20px;
    position: relative;
    margin-bottom: 5px;
    font-weight: 600;
}

.filter-box:after {
    content: '';
    height: 1px;
    width: 100%;
    background: var(--939AA4);
    position: absolute;
    left: 0;
    bottom: -25px;
    opacity: 0.4;
}

.btn.showhidebtn {
    border: none !important;
    padding: 0 10px;
}

.filter-box {
    position: relative;
}

.filter-box:last-child::after {
    content: none;
}

.skillpopup .modal-dialog {
    width: 332px;
}

.filterform .form-check-input {
    width: 17px !important;
    height: 17px !important;
    border: 1px solid var(--4A4A4A) !important;
    margin: 0px !important;
    padding: 0px;
    margin-right: 7px !important;
    margin-top: 3px !important;
    background-color: transparent;
}

.filterform {
    border-radius: 0 !important;
    border: none !important;
    background: none !important;
    margin: 0 !important;
}

.filterform .form-check {
    padding-left: 0;
    margin-bottom: 7px;
    display: flex;
}

.filterform .form-check-input:checked {
    background-color: #333333;
}

.filterform .form-check-label {
    color: var(--4A4A4A);
    font-size: 16px;
}

.custom-popup h2 {
    font-size: 18px !important;
    font-weight: 600;
}

.closebtn {
    background: none;
    border: none !important;
    padding: 0px;
}

.custom-popup .modal-footer {
    margin-top: 25px !important;
    justify-content: start;
}

.custom-popup {
    position: absolute;
    display: none;
    z-index: 1050;
    border-radius: 12px;
    border: 0.3px solid #D4D4D4;
    background: #FFF;
    box-shadow: 28.14px 0px 49.246px 0px rgba(121, 121, 121, 0.05), -28.14px 70.351px 49.246px 0px rgba(121, 121, 121, 0.05);
    padding: 25px;
    width: 330px;
}

div#experiencepopup,
#rolecategory,
#companytype {
    width: 660px;
}

div#experiencepopup .modal-footer,
#rolecategory .modal-footer,
#companytype .modal-footer {
    justify-content: end;
}

.skilssearch {
    border-radius: 8px !important;
    border: 0.3px solid #D4D4D4 !important;
    background: #F6F6F6 !important;
    margin-bottom: 24px !important;
    height: 52px !important;
}

.skilssearch input,
.skilssearch button {
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.skilssearch button img {
    filter: brightness(0.5);
}

.skilssearch button {
    padding-right: 0px !important;
    width: unset !important;
}

.skilssearch input {
    padding: .375rem .75rem !important;
}

/*------------Find Candidate--------*/

/*------------Find Jobs--------*/
.topcompanies .row div a:hover {
    background-color: var(--green);
    color: #fff;
}

.topcompanies .row {
    padding-top: 50px;
    gap: 24px;
    flex-wrap: nowrap;
    justify-content: center;
}

.topcompanies .row>div {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 3px 8px 0px rgba(48, 150, 137, 0.05);
    padding: 48px 20px;
}

.topcompanies .row div h3 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    padding: 15px 0 5px;
}

.topcompanies .row div a {
    color: var(--green);
    text-decoration: none;
    padding: 6px 18px;
    border-radius: 16px;
    background: rgba(48, 150, 137, 0.10);
    margin-top: 14px;
    display: inline-block;
}

.topcompanies {
    background: var(--lightgreen);
    padding: 80px 0;
    text-align: center;
}

.topcompanies h2 {
    font-size: 50px;
    font-weight: 600;
    color: var(--blacktxt);
    margin-bottom: 15px;
}

.topcompanies p {
    color: var(--4A4A4A);
}

.showhidebtn img {
    transform: rotate(180deg);
}

/* .showhidebtn img {
    transform: unset;
} */
.showhidebtn.active img {
    transform: unset;
}

.rangeapplybtn {
    font-size: 14px;
    padding: 4px 26px;
    border-radius: 4px;
    background: #309689;
    color: #fff;
    font-weight: 500;
}

/* Style the range input */
input[type="range"].form-range {
    -webkit-appearance: none;
    border-radius: 3px;
    outline: none;
}

/* Webkit (Chrome, Safari, Edge) - Track */
input[type="range"].form-range::-webkit-slider-runnable-track {
    height: 7px;
    background: #fff;
    /* Teal color */
    border-radius: 3px;
}

/* Webkit - Thumb (dot) */
input[type="range"].form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--green);
    ;
    margin-top: -5px;
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    transition: background 0.3s;
}

/* Firefox - Track */
input[type="range"].form-range::-moz-range-track {
    height: 6px;
    background: #fff;
    border-radius: 3px;
}

/* Firefox - Thumb (dot) */
input[type="range"].form-range::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--green);
    cursor: pointer;
    border: none;
    transition: background 0.3s;
}

.rangelabel {
    font-weight: 600;
    color: #000;
    margin: 0;
}

#customRange2 {
    margin-bottom: 20px;
}

.findjobs .job_card ul li {
    font-weight: 500;
    font-size: 15px;
    color: var(--6C757D);
}

.findjobs .job_card ul {
    gap: 15px;
    flex-wrap: wrap;
}

.findjobs .job_card ul img {
    margin-right: 4px;
    max-width: 20px;
    margin-top: -3px;
}

.findjobs .job_card .job-meta_1 {
    font-size: 16px !important;
    color: var(--blacktxt);
}

/*------------Find Jobs--------*/
/*------------Loader--------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#popup-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.spinner-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
}

.spinner-ring {
    width: 80px;
    height: 80px;
    border: 7px solid #ccc;
    border-top: 7px solid #309689;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
}

.spinner-logo {
    width: 30px;
    height: 30px;
    object-fit: contain;
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/*------------Loader--------*/

/*------------Find Company--------*/
.btn.closecancel {
    background-color: #fff !important;
    border-radius: 8px;
    border: 1px solid var(--939AA4);
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    color: #414651 !important;
}

.reviewpopup form textarea::placeholder {
    color: var(--green);
}

.reviewpopup .modal-footer {
    margin-top: 40px;
}

.reviewpopup h4 {
    font-size: 16px;
}

.reviewpopup h4 img {
    margin-right: 10px;
}

.reviewpopup form textarea {
    outline: none;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #939AA4 !important;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    padding: 12px;
    height: 50px;
    font-size: 13px;
}

.reviewpopup form textarea::placeholder {
    color: var(--green);
}

.rating_div {
    gap: 15px;
    align-items: center;
    margin-bottom: 10px;

}

.rating_div p {
    margin: 0;
    width: 140px;
}

.form_stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.form_stars input[type="radio"] {
    display: none;
}

.svg-star {
    width: 30px;
    height: 30px;
    fill: #ccc;
    transition: fill 0.3s;
    cursor: pointer;
}

.form_stars input[type="radio"]:checked~label svg,
.form_stars label:hover~label svg,
.form_stars label:hover svg {
    fill: #FFC42E;
}

.reviewpopup h2 {
    font-size: 18px !important;
    border-bottom: 2px solid var(--green) !important;
    width: 100% !important;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.reviewpopup h2 img {
    margin-right: 15px;
}

.rating_view {
    background: none !important;
    font-weight: 400 !important;
    color: var(--lgblack) !important;
}

.reviewpopup h3 {
    font-size: 18px;
    color: var(--lgblack) !important;
}

.reviewpopup p {
    font-size: 14px;
}

.rating_view img {
    margin-top: -5px;
}

.writereview {
    border-radius: 4px;
    border: none;
    background: var(--green);
    color: #FFF;
    padding: 10px 25px;
}

.findcomp .top_companies_col ul,
.company_trait {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 11px;
    gap: 11px;
}

.findcomp .top_companies_col ul li,
.company_trait li {
    border-radius: 3px;
    background: #F2F1F1;
    padding: 4px 10px;
    font-size: 14px;
    color: var(--939AA4);
}

.findcomp .top_companies_col h3 {
    font-size: 18px;
    font-weight: 500;
}

.findcomp .top_companies_col p {
    font-size: 14px !important;
    margin: 0;
}

.findcomplist {
    display: flex;
    /*justify-content: center;*/
    flex-wrap: wrap;
    gap: 15px;
}

.findcomplist .top_companies_col {
    width: 49%;
}

.singlecompany {
    padding: 0 0 50px !important;
}

.company_topper .top_companies_col {
    margin-top: -120px;
    z-index: 1;
    position: relative;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    border: none;
}

.company_tabs button {
    font-size: 18px;
    font-weight: 500;
    border: none !important;
    color: var(--4A4A4A);
    text-align: center;
}

.company_tabs button:hover {
    -webkit-text-stroke: 0.4px #000;
    text-stroke: 0.4px #000;
    color: #000 !important;
}

.company_tabs .nav-link.active {
    -webkit-text-stroke: 0.4px #000;
    text-stroke: 0.4px #000;
    color: #000 !important;
}

.company_tabs button {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 3px solid #a52a2a00 !important;
}

.nav-link.active {
    -webkit-text-stroke: 0.5px #000;
    text-stroke: 0.3px #000;
    border-color: var(--green) !important;
}

.company_tabs {
    border-bottom: 1px solid var(--EBEBEE) !important;
}

.companyjobslist .job-title {
    font-size: 21px;
    font-weight: 500;
}

.companyjobslist .job_card ul li {
    font-size: 14px;
    font-weight: 500;
    color: var(--whitegrayc);
}

.companyjobslist .job_card ul {
    flex-wrap: wrap;
    gap: 16px;
    max-width: 520px;
}

.companyjobslist .job-meta_1 {
    font-size: 14px;
}

.companyjobslist .profile_div {
    margin-bottom: 15px;
}

.companyjobslist .job-btn {
    padding: 5px 7px;
    width: 84px;
    height: 32px;
    font-size: 13px !important;
}

.alljobstxt {
    font-size: 18px !important;
    margin-top: 25px;
    margin-bottom: 10px;
}

.company_rightside>div {
    width: 47% !important;
    text-align: center;
}

.company_rightside>div:first-child {
    border-right: 2px solid #E7F0FA;
    margin-right: 2px;
}

.company_social {
    padding-top: 27px;
}

.company_social:before {
    content: '';
    background: var(--lightgreen);
    height: 2px;
    width: 113%;
    position: absolute;
    left: -29px;
    top: 31px;
}

.company_social {
    position: relative;
}

.company_cont img {
    width: 100%;
    max-width: 24px;
}

.company_cont a {
    color: var(--lgblack);
}

/*------------Find Company--------*/
/*------------Single Job--------*/
.reportjobpopup .modal-footer {
    padding: 0 30px 30px;
    justify-content: start;
}

.reportjobpopup textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #EBEBEE;
    padding: 13px 20px;
    height: 105px;
}

.reportjobpopup form label {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.reportjobpopup form p {
    font-size: 14px;
    color: var(--939AA4);
}

.reportjobpopup form input {
    width: 16px;
    height: 16px;
    margin: 0px !important;
    border: 1px solid var(--4A4A4A) !important;
    margin: 0px !important;
    padding: 0px;
    margin-right: 7px !important;
    margin-top: 3px !important;
    background-color: transparent;
}

.reportjobpopup form .form-check {
    padding-left: 0;
    margin-bottom: 12px;
}

.reportjobpopup h2 {
    font-size: 22px;
    font-weight: 600;
}

.reportjobpopup form .form-check-label {
    font-size: 16px;
    color: var(--939AA4);
    font-weight: 400;
}

.reportjobpopup .modal-header {
    border-bottom: 1px solid var(--EBEBEE);
}

.reportjobpopup .modal-body {
    padding: 20px 30px;
}

.reportee span {
    font-size: 16px;
    color: var(--939AA4);
    display: block;
    font-weight: 400;
}

.reportee {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
}

.reportjobpopup h2 {
    font-size: 22px;
    font-weight: 600;
}

.reportjobpopup .modal-content {
    padding: 0px;
}

.reportjobpopup .modal-header {
    border-bottom: 1px solid var(--EBEBEE);
    padding: 20px 30px;
}

.applyjobpopup .btn-close {
    background-color: var(--green);
    opacity: 1;
    border-radius: 50%;
    color: #fff !important;
    --bs-btn-close-bg: unset;
    padding: 4px;
    text-align: center;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
}

.applyjobpopup .btn-close img {
    position: absolute;
    top: 7px;
    left: 7px;
}

.applyjobpopup .btn-close img {
    filter: brightness(0) invert(1);
}

.applyjobpopup form textarea::placeholder {
    font-size: 12px;
}

.applyjobpopup form textarea {
    height: 137px;
    width: 100%;
    border: none;
    padding: 15px;
    border-radius: 6px;
    outline: none;
}

.applyjobpopup .btn-close {
    background-color: var(--green);
    opacity: 1;
    border-radius: 50%;
    color: #fff !important;
}

.applyjobpopup .cancelbtn,
.reportjobpopup .cancelbtn {
    background-color: unset !important;
    color: var(--green) !important;
}

.applyjobpopup .modal-content {
    border-radius: 20px;
    background: #EBF5F4;
    padding: 48px !important;
}

.applyjobpopup .modal-content h2 {
    font-size: 23px !important;
    font-weight: 600;
    margin-bottom: 30px;
}

.applyjobpopup .modal-footer {
    justify-content: start;
    margin-top: 33px;
}

.applyjobpopup form label {
    display: block;
    margin-bottom: 10px;
}

.related_jobs .job_card ul li {
    font-weight: 500;
}

.we_hirin {
    background-image: url(assets/wehiring.png);
    border-radius: 12px;
    padding: 60px 36px;
    min-height: 420px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.we_hirin h2 {
    font-size: 45px;
    color: var(--whitetxt) !important;
    text-transform: uppercase;
    font-weight: 600;
}

.we_hirin a {
    text-decoration: none;
}

.we_hirin p {
    font-size: 24px;
    color: var(--whitetxt) !important;
}

.job_overview ul {
    list-style: none;
    padding: 0;
    gap: 10px;
}

.job_overview ul li a {
    background: var(--lightgreen);
    padding: 11px 17px;
}

.job_overview ul li a:hover img {
    filter: brightness(0) invert(1);
}

.job_overview ul li.fbook a:hover img {
    filter: unset;
}

.job_overview ul li a:hover {
    background: var(--green);
}

.overview_inside>div {
    width: 29%;
}

.overview_inside {
    font-family: 'Inter';
}

.overview_inside>div {
    font-size: 14px;
}

.overview_inside>div .small {
    font-size: 12px;
}

.job_overview h6 {
    font-size: 18px;
    font-family: 'Inter';
    margin-bottom: 30px;
    font-weight: 500 !important;
}

.report_btn {
    border-radius: 4px;
    background: #8C8C8C;
    border: none;
    padding: 14px 52px;
    color: #fff;
    font-weight: 600;
    margin-top: 40px;
}

.job_boxes {
    text-align: center !important;
}

.job_boxes h5 {
    font-family: 'Inter';
}

.job_boxes p {
    font-family: Inter;
    font-size: 14px;
    padding: 0px !important;
    width: unset;
    color: var(--6C757D) !important;
    font-weight: 400 !important;
}

.job_boxes p span {
    font-size: 20px;
    display: block;
    color: var(--green) !important;
    font-weight: 500;
}

.job_boxes .row>div:first-child {
    border-right: 2px solid #E7F0FA;
}

.report_btn img {
    margin-left: 10px;
}

.single_job h6 {
    margin-top: 30px;
    font-weight: 600;
}

.single_job {
    padding: 50px 0;
}

.jobul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 21px;
}

.jobul li {
    color: var(--6C757D);
    font-weight: 500;
    display: flex;
    align-items: center;
}

.jobul li img {
    margin-right: 4px;
    max-width: 20px;
    margin-top: -3px;
}

.singletopcontent h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.singletopcontent .singletitle {
    font-size: 18px;
    margin: 0;
}

.singletopcontent .singletitle span {
    border-radius: 3px !important;
    color: #fff !important;
    padding: 7px 12px !important;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 12px;
}

.fulltimestatus {
    background: #056055 !important;
}

.applynowbutton {
    width: 200px;
    padding: 13px 32px;
    border-radius: 4px;
    background: var(--green);
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 50px;
    margin-left: 12px;
    border: none;
    font-weight: 500;
}

.applynowbutton img {
    filter: brightness(0) invert(1);
    margin-left: 6px;
}

/*------------Single Job--------*/

/*------------About--------*/
.wearehere ul {
    list-style: none;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.wearehere ul li {
    width: 50%;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    color: var(--blacktxt);
    -webkit-text-stroke: 0.3px var(--blacktxt);
    text-stroke: 0.3px var(--blacktxt);
}

.wearehere ul li img {
    margin-right: 10px;
    max-width: 40px;
}

.howitworks {
    text-align: center;
    padding-top: 50px;
}

.video_sec .row {
    background: var(--blacktxt);
    color: var(--whitetxt);
    border-radius: 0 0 20px 20px;
    padding: 30px;
    margin: 0px !important;
    margin-top: -8px !important;
    gap: 15px;
    flex-wrap: nowrap;
    justify-content: center;
}

.video_sec .row>div {
    gap: 15px;
}

.video_sec .row>div div:last-child {
    padding: 0 48px 0 0;
}

.video_sec .row div h3 {
    font-size: 20px;
    font-weight: 600;
}

.video_sec .row div p {
    font-size: 14px;
    margin: 0;
    color: var(--6C757D);
    font-weight: 500;
}

.video_sec .row div span {
    border-radius: 8px;
    background: var(--green);
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 600;
}

.video_sec video {
    border-radius: 20px 20px 0 0;
}

.howitworks h2 {
    font-size: 50px;
    font-weight: 700;
    color: var(--blacktxt);
}

.whoweblocks img {
    max-width: 80px;
}

.whoweblocks {
    margin-bottom: 35px !important;
    max-width: 225px;
    margin: 0 auto;
}

.howitworks p {
    color: var(--011C2A);
    font-weight: 500;
}

.howitworks a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 8px;
    background: var(--green);
    color: #fff !important;
    text-transform: uppercase;
    padding: 12px 16px;
    display: inline-block;
    text-decoration: none;
}

.howitworks .row div {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 3px 8px 0px rgba(48, 150, 137, 0.08);
    padding: 40px 34px;
}

.howitworks .row div h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    color: var(--blacktxt);
}

.howitworks .row div p {
    color: var(--6C757D);
    font-weight: 500;
}

.howitworks .row {
    gap: 20px;
    flex-wrap: nowrap;
    justify-content: center;
}

.whoweblocks h4 {
    font-size: 29px;
    font-weight: 600;
    color: var(--blacktxt);
    margin: 0;
}

.whoweblocks h4 span {
    font-size: 18px;
    display: block;
    font-weight: 500;
    color: var(--6C757D);
}

.whoweare {
    padding-top: 80px;
}

.whoweare h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--green);
    margin-bottom: 10px;
}

.aboutbanner {
    background-image: url(assets/about-bg.png);
}

.aboutbanner h1 {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    padding: 12px 0 10px;
    max-width: 1019px;
    margin: auto;
}

.aboutbanner {
    text-align: center;
    padding: 100px 0;
}

.aboutbanner h1 span {
    color: var(--green);
    font-size: 54px;
    font-weight: 700;
    line-height: 76px;
    text-transform: unset !important;
    background: none !important;
    padding: 0px;
    letter-spacing: 0;
    font-family: 'Greycliff CF' !important;
}

.aboutbanner span {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.10);
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Inter';
    padding: 12px 20px;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
}

.aboutbanner p {
    font-size: 20px;
    color: var(--EBEBEE);
    opacity: 0.8;
    font-weight: 300;
    max-width: 1022px;
    margin: auto;
}

.ck.ck-reset.ck-editor.ck-rounded-corners button {
    background-color: unset !important;
}

.ck.ck-reset.ck-editor.ck-rounded-corners button {
    margin-top: auto !important;
}

#companyprofileform span.select2-selection.select2-selection--multiple {
    background: #ebf5f4;
    border: none;
    padding: 8px;
}

#companyprofileform .checkboxwidth input {
    margin-top: 0px;
}

.bottom_spacing {
    margin-bottom: 12px;
}

/*------------About --------*/
.radio_styling:checked {
    background-color: var(--green) !important;
}

.radio_styling {
    width: auto !important;
    padding: 10px !important;
    margin: 0 5px 0 0 !important;
    box-shadow: none !important;
}

.radio_label {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.downloadcv {
    background: none !important;
    color: var(--green) !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    width: 120px !important;
    margin-right: 15px;
    border: none !important;

}

.resume_listing button {
    width: 90px;
    padding: 6px !important;
    border: 2px solid var(--green);

}

.downloadcv img {
    width: 18px;
    margin-left: 10px;
}

.resume_listing .deletebtn {
    background: none;
    color: var(--green);
    border: 2px solid var(--green);
    font-weight: 600;
}

/*3 june 2025 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 6px !important;
    background-color: var(--lightgreen2) !important;
    border: none !important;
    padding: 7px !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 35px !important;
}

.phonecoderow .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 6px 0px 0px 6px !important;
    height: 44px;
    margin-top: 0px;
}

/*.select2-container {
    width: 100% !important;
}*/
.phoneinput {
    border-radius: 0px 6px 6px 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    height: 43px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

/*3 june 2025 */
.top_companies_col.bg-white img {
    max-width: 60px !important;
}

.jobs_available.companyjobslist .page-link {
    height: 39px;
}

.jobs_available.companyjobslist ul.pagination li.page-item.active span {
    padding: 8px 14px;
}

.checkboxwidth {
    display: inline-block;
}

/* 25 june 2025*/
.top_saving .d-flex .savebtndiv {
    width: 76% !important;
    text-align: right;
}

.top_saving .d-flex {
    width: 100%;
}

.top_saving .d-flex div.pe-3 {
    width: 6% !important;
}

.top_saving .d-flex div {
    width: 18% !important;
}
.topcompanyrow .top_companies_col {
    width: 31.33% !important;
}
ul#select2-phonecode-results {
    width: 226px;
    background-color: #ffff;
    border: 1px solid #171515;
}
.diffrentheight span#select2-phonecode-container {
    height: 49px;
}
/* 25 june 2025*/
@media only screen and (max-width:1418px) {
    .container {
        max-width: 95% !important;
    }
}

@media only screen and (min-width:1200px) and (max-width:1600px) {
    .dashboard_content button.nav-link {
    margin-right: 12px;
}
    .banner_sec_2 div>img {
        max-width: 496px;
    }

    .topcompanies .row {
        gap: 10px;
    }

    .termscond {
        margin: 8px 0 12px;
    }

    .register_login h1 {
        padding-top: 30px;
    }

    .accountoption {
        padding: 15px 10px;
        margin: 15px 0px !important;
    }
}

@media only screen and (max-width:360px) {
    .dashboard_content button.nav-link {
        margin-right: 5px !important;
    }

    .candidate_profile h2 {
        font-size: 15px;
    }

    .candidate_profile h2 img {
        margin-right: 5px !important;
        width: 40px !important;
    }

    .candidate_profile .modal-footer .btn {
        padding: 5px 6px !important;
        margin: 0 3px;
    }

    ul.settinglinks li a {
        font-size: 11px !important;
        width: 73px !important;
    }

    .card-custom h2,
    .card-custom p {
        width: unset;
    }

    header .employbtn,
    header .loginbtn,
    header .registerbtn {
        font-size: 12px !important;
    }

    .job-btn {
        font-size: 11px !important;
    }
}

@media (max-width: 425px) and (min-width: 375px) {

    .latest-news-section .right-blog-section img {
        width: 379px !important;
    }
    .navbar-collapse-custom .navbar-nav  .dropdown-menu {
        left: 88px !important;
        }
    .world-news .right-blog-section img {
        width: 380px !important;
    }
}

@media (max-width: 375px) {

    .latest-news-section .right-blog-section img {
        width: 333px !important;
    }
    .world-news .right-blog-section img {
        width: 332px !important;
    }
}

@media only screen and (max-width:767px) {
	.search_container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.home-profile .bar-lines {
    width: 20%;
}
.searching_form {
    width: 80%;
}
ul#categoryList {
    width: 205px;
    background: #fff;
}
    .latest-news-section h6 {
    margin-top: 10px;
}
    .latest-news-section .card-img-top{
        height: 280px;
    }
    .home-profile .article-card .card-img-top {
    height: unset;
}
    .home-profile .search-bar {
    width: 100%;
    margin-bottom: 10px;
}
    .home-profile .search-bar button {
        flex-shrink: unset;   
    }
    .home-profile .search-bar input::placeholder{
        font-size: 12px;
    }
    .home-profile .filter {
        width: 113px;
        font-size: 13px;
    }
    .home-profile .article-card .category-badge {
        padding: 5px;
        font-size: 13px;  
    }
    .world-news h5 {
        color: #202124;
        font-size: 18px;
        font-weight: 500;
        line-height: inherit;
    }
    .world-news .left-blog-section {
        min-height: 200px;
        margin: 14px !important;
    }
    .home-profile .article-card h4 {
        font-size: 18px;
        line-height: inherit;
    }
    .article-card .box ,.world-news .box{
        flex-direction: column;
    }
    .latest-news-section .box{
        flex-direction: column-reverse;
        align-items: start !important;
    }
    .latest-news-section .right-blog-section img {
        width: 334px;
    }
    .world-news .right-blog-section img {
        width: 332px;
    }
    .latest-news-section h2, .world-news h2, .technology-news h2 {
        font-size: 25px;
    }
    .latest-news-section .card h5 {
        font-size: 18px;
        line-height: inherit;
    }

    .navbar-collapse-custom {
        position: absolute;
        top: 100%;   /* directly below navbar */
        left: 0;
        width: 276%;
        background: #fff; /* or your navbar bg */
        z-index: 1000;
        border: 1px solid #ddd;
        border-radius: 6px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .custom-container {
        display: flex !important;
        flex-wrap: wrap;
        width: 68%;
    }

    .home-profile .bar-lines {
        border-top: unset !important;
        border-bottom: unset !important;
        padding-top: 10px;
    }
    .home-profile .bar-lines ul li
    {
        padding: 5px;
        border-bottom: 1px solid #0000001a;
        justify-content: start;
    }
    .home-profile .bar-lines ul li a {
        font-size: 16px;
    }
    .applynowbutton {
    padding: 10px 15px !important;
    font-size: 14px !important;
    height: 40px !important;
    margin-left: 0px !important;
    width: 150px;
}
.singletopcontent .singletitle span {
    font-size: 12px;
}
.jobul li {
    font-size: 13px;
}
    .reviewstab h2 {
    font-size: 22px;
}
.allcomment{
    margin-top: 25px !important;
}
.reviewboxdiv {
    flex-direction: column;
    gap: 20px;
}
    .createauthimg .signuserimg {
        margin-top: -220px;
        max-width: 192px;
    }
    .signuserimg {
    margin-top: -246px;
    max-width: 235px;
}
    .forgotimg {
    width: auto;
    height: 290px;
}
  #underscreening  .modal-footer .btn, #awaitingresponse  .modal-footer .btn {
    padding: 9px 9px !important;
    font-size: 13px !important;
    margin: 2px !important;
}
    .candidatedashbanner {
    background-size: 60px;
    background-position: 95% 101%;
}
#today-interviews .mode, #today-interviews .interview_status,#today-interviews .action_div {
    width: 50% !important;
}
.candidatedashbanner * {
    max-width: 250px;
}
.candidatetabcontent .total_applications .candidatediv, .candidatetabcontent .total_applications .rolediv{
        text-stroke: unset;
    -webkit-text-stroke: unset;
}
.candidatetabcontent #upcoming-interviews .applied_div {
    width: 42% !important;
}

.candidatetabcontent #upcoming-interviews .interview_status {
    width: 28% !important;
}

.candidatetabcontent #upcoming-interviews .action_div {
    width: 15% !important;
}
    .total_applications .action_div {
    text-align: start;
}
    #pendingcandidate .modal-footer .btn {
        font-size: 12px;
    }

    .upcoming_int .total_applications,
    #pending-application .total_applications {
        text-align: unset;
    }

    .total_applications .candidatediv,
    .total_applications .rolediv,
    .total_applications .applied_div,
    .total_applications .current_status,
    .total_applications .action_div,
    .total_applications .interview_status,
    .total_applications .interviewer {
        width: 50%;
        padding: 0 2px;
    }

    .total_applications {
        flex-wrap: wrap;
        row-gap: 10px;
        padding: 15px;
        box-shadow: 0px 0px 17px 0px #0000001f;
        border-radius: 6px;
        border: none;
        margin-bottom: 17px;
    }

    .total_applications .candidatediv:before,
    .total_applications .rolediv:before,
    .total_applications .applied_div:before,
    .total_applications .current_status:before,
    .total_applications .interview_status:before,
    .total_applications .action_div:before,
    .total_applications .mode:before,
    .total_applications .interviewer:before {
        content: 'Candidate:';
        display: block;
        color: var(--green);
        font-weight: 600;
        font-size: 13px;
    }

    .total_applications .rolediv:before {
        content: "Role:"
    }

    .total_applications .applied_div:before {
        content: "Applied On:"
    }

    .total_applications .current_status:before {
        content: "Current Status:"
    }

    .total_applications .interview_status:before {
        content: "Interview Status:"
    }

    .total_applications .action_div::before {
        content: "Actions:"
    }

    .total_applications .mode:before {
        content: 'Mode:';
    }

    .total_applications .interviewer:before {
        content: 'Interviewer:';
    }

    #upcoming-interviews .total_applications .interview_status:before,
    #today-interviews .total_applications .interview_status:before,
    #pending-application .total_applications .interview_status::before {
        content: 'Status:';
    }

    #upcoming-interviews .total_applications .applied_div::before,
    #today-interviews .total_applications .applied_div:before,
    #pending-application .total_applications .applied_div:before {
        content: 'Date:';
    }

    #pending-application .current_status:before {
        content: 'Resume:';
    }

    #upcoming-interviews .mode,
    #upcoming-interviews .interview_status,
    #upcoming-interviews .action_div,
    #today-interviews .action_div,
    #today-interviews .mode,
    #today-interviews .interview_status {
        width: 33% !important;
    }

    .total_applications .order-action {
        right: 0;
    }

    #joininterview .modal-footer .btn {
        padding: 6px 5px;
    }

    .total_applications.total_applications_top {
        display: none;
    }

    .employer_dashbanner {
        background-image: url(assets/employer-dashboard.svg) !important;
        margin-bottom: 10px !important;
        background-size: 75px;
        background-position: 90% 102% !important;
    }

    .dashboard_content .nav-tabs {
        margin: 15px 0 !important;
        border: none;
    }

    .employer_dashbanner h2 {
        font-size: 20px !important;
        line-height: 35px;
        margin: 0px !important;
    }

    .candidate_profile h2 img {
        margin-right: 10px;
        width: 50px;
    }

    .candidate_profile .modal-footer .btn {
        padding: 6px 11px;
    }

    .candidate_profile h2 {
        margin-bottom: 5px;
    }

    .candidate_profile h4 {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .company_topper .top_companies_col {
        flex-direction: column !important;
        gap: 15px;
    }

    .job_card .d-flex:last-child {
        width: 100%;
    }

    .job_card .d-flex:last-child ul {
        width: 64%;
    }

    .job_card .d-flex:last-child button {
        width: 36%;
    }

    .banner_sec_2 div>img {
        width: 100%;
    }

    body .banner_sec {
        padding-bottom: 0px !important;
    }

    .banner_sec .col-md-7 {
        padding-top: 0px !important;
    }

    .banner_sec p {
        padding: 0px !important;
    }

    .top_saving .d-flex div.pe-3 {
        width: 27% !important;
    }

    .top_saving .d-flex div {
        width: 58% !important;
    }

    .top_saving .d-flex .savebtndiv {
        width: 15% !important;
    }

    .dashjobgrid>div {
        width: 100% !important;
    }

    .phonecoderow {
        flex-wrap: nowrap !important;
    }

    .phonecoderow .col-md-3 {
        width: 22% !important;
    }

    .phonecoderow .col-md-9 {
        width: 78% !important;
    }

    .terms_section h1 {
        font-size: 35px;
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .terms_section p {
        font-size: 16px;
    }

    .terms_section h2 {
        font-size: 22px;
        margin: 25px 0 10px;
    }

    .faq-subtitle {
        font-size: 15px;
        padding-top: 7px;
    }

    .faq_row {
        margin-top: 0 !important;
        margin-bottom: 20px;
    }

    .tags,
    .bootstrap-tagsinput {
        padding: 5px !important;
    }

    .aboutbanner h1 span {
        font-size: 35px;
        line-height: 40px;
    }

    .howitworks .row div {
        padding: 15px 20px;
    }

    .mission_sec img {
        margin-top: 40px;
    }

    body .goodlife.hire_smart.whoweare.mission_sec {
        padding-bottom: 0px !important;
    }

    .wearehere .container {
        padding-bottom: 5px !important;
    }

    .wearehere ul li img {
        margin-right: 5px;
        max-width: 27px;
    }

    .wearehere ul li {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .video_sec .row {
        flex-wrap: wrap;
        padding: 30px 2px;
        gap: 25px;
    }

    .video_sec {
        margin-top: 0px !important;
    }

    .wearehere img.pe-5 {
        padding-right: 0px !important;
    }

    .video_sec .row>div div:last-child {
        padding: 0px !important;
    }

    .aboutbanner h1 {
        font-size: 35px;
    }

    body .whoweare {
        padding: 30px 0 !important;
    }

    body .whoweare h2 {
        margin-top: 5px;
    }

    .whoweare .pe-5 {
        padding-right: 10px !important;
    }

    .whoweblocks {
        margin-top: 40px;
        margin-bottom: 0px !important;
    }

    .howitworks {
        padding-top: 0px;
    }

    .howitworks h2 {
        font-size: 30px;
    }

    .howitworks .row {
        margin-top: 15px !important;
    }

    .whoweare h3 {
        margin-bottom: 0px;
    }

    .aboutbanner p {
        font-size: 16px;
    }

    .aboutbanner span {
        font-size: 11px;
        padding: 7px 15px;
        letter-spacing: 0.5px;
    }

    .howitworks .row {
        flex-wrap: wrap;
    }

    .aboutbanner {
        padding: 50px 0;
    }

    .contact_sec h2 {
        font-size: 30px;
    }

    .contact_sec p {
        font-size: 16px;
    }

    .contactlist {
        margin: 20px 0px !important;
    }

    .contact_inside {
        margin-top: 15px;
    }

    .contactright {
        padding: 40px 0px 25px 0px;
    }

    .contact_sec form button {
        margin-top: 10px;
    }

    .contact_sec {
        padding: 30px 0 30px;
    }

    .resume_listing div:first-child {
        width: 100%;
        margin-bottom: 5px;
    }

    .resume_listing div:last-child {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .resume_listing {
        flex-wrap: wrap;
    }

    .resume_listing .downloadcv {
        width: 98px !important;
        padding: 0 !important;
    }

    body .resume_listing button {
        font-size: 14px !important;
        width: 66px;
        margin: 0px !important;
    }

    .radio_label {
        margin-top: 10px !important;
        margin-right: 20px !important;
    }

    .company_topper .top_companies_col {
        margin-top: -25px;
    }

    .company_topper {
        margin-bottom: 10px !important;
    }

    .company_trait {
        flex-wrap: wrap;
    }

    .companyjobslist .job-btn {
        width: 154px;
    }

    .findcomplist .top_companies_col {
        width: 100% !important;
    }

    .findcomp .top_companies_col ul {
        flex-wrap: wrap;
    }

    .findcomp .top_companies_col h3 {
        margin-bottom: 0px;
    }

    .applier_div {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .jobul {
        margin-top: 20px;
        gap: 10px;
    }

    .report_btn {
        margin-top: 15px;
    }

    .job_boxes .row>div:first-child {
        border-right: none;
    }

    .overview_inside>div .small {
        font-size: 10px;
    }

    .we_hirin h2 {
        font-size: 35px;
    }

    .we_hirin {
        min-height: 300px;
        padding: 40px 25px;
    }

    .related_jobs .row {
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    .related_jobs .job-btn {
        max-width: 110px;
        width: 100%;
    }

    body .related_jobs .col.text-end {
        margin-top: 16px;
        text-align: left !important;
    }

    .applyjobpopup .modal-content {
        padding: 25px 15px !important;
    }

    .applyjobpopup .modal-content h2 {
        margin-bottom: 10px;
    }

    .applyjobpopup .modal-footer {
        margin-top: 16px;
    }

    .reportjobpopup form .form-check-label {
        font-size: 14px;
    }

    .reportjobpopup form .form-check {
        margin-bottom: 5px;
    }

    .reportjobpopup .modal-header {
        padding: 10px 30px;
    }

    .reportjobpopup form p {
        margin: 0px;
    }

    .reportjobpopup .modal-body {
        padding: 20px 14px;
    }

    .reportjobpopup .modal-header {
        padding: 10px 14px;
    }

    .reportjobpopup .modal-footer {
        padding: 0 14px 30px;
    }

    .overview_inside {
        gap: 17px !important;
    }

    .job_boxes .row {
        gap: 22px;
    }

    .singletopcontent .singletitle span {
        margin-left: 5px;
    }

    .applier_div .mb-5 {
        margin-bottom: 20px !important;
    }

    .singletopcontent .singletitle {
        font-size: 15px;
        margin: 0;
    }

    .topcompanies {
        padding: 30px 0;
    }

    .topcompanies h2 {
        font-size: 30px;
    }

    .topcompanies .row {
        flex-wrap: wrap;
        padding-top: 20px;
        gap: 15px;
    }

    .topcompanies .row>div {
        padding: 30px 10px;
    }

    .findcandidate form button.btn {
        font-size: 13px;
        padding: 5px;
    }

    .findjobs .job-btn {
        width: 222px;
    }

    .findjobs .job_card ul {
        gap: 5px;
    }

    .findjobs .job_card ul li {
        font-size: 14px;
    }

    .findcandidate .locationinput,
    .jobtitleinput {
        font-size: 14px;
    }

    .findcandidate .job-info p {
        font-size: 12px !important;
    }

    .custom-popup {
        width: 320px !important;
    }

    .findtopper {
        padding: 0 15px;
    }

    .findcandidate form {
        margin: 10px 0 0px;
    }

    .filtersbar {
        display: none;
    }

    .findcandidate h3 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 15px;
    }

    .filtersbar.popup-active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        width: 100%;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        padding: 0px;
    }

    .filtersbar .close-filters {
        display: block;
        text-align: right;
        margin: 10px 10px 0 !important;
    }

    .filtersbar .close-filters button {
        border: none;
    }

    .filtertrigger {
        display: block;
    }

    .findtopper h4 {
        display: none;
    }

    .findcandidate h3 {
        font-size: 20px;
    }

    .findcandidate h1 {
        font-size: 35px;
    }

    .findcandidate form input {
        height: 45px;
    }

    .findcandidate {
        padding: 35px 0;
    }

    .findcandidate .job-left>img {
        max-width: 40px;
    }

    .findcandidate .form-select {
        width: 100% !important;
        margin-top: 10px;
    }

    .findcandidate ul.pagination {
        margin-top: 40px;
    }

    .findcandidate p {
        font-size: 14px !important;
    }

    .findcandidate .job-right a.savejobicon {
        width: auto !important;
        margin-right: 6px;
    }

    .findcandidate .job-right {
        display: flex;
        margin-top: 10px;
    }

    .singlecandsection .label-pill {
        padding: 7px 15px;
    }

    .jobapplication h2.jobapplicationtitle {
        align-items: center;
        margin-bottom: 15px;
    }

    ul.greenatt {
        gap: 15px;
    }

    .socialform input {
        padding-left: 133px;
    }

    .companydetailform {
        margin-top: 0px !important;
    }

    span.socialtitle {
        padding: 13px 10px;
        width: 120px;
    }

    .savedcandidates .job-right {
        display: flex !important;
        align-items: center !important;
        margin-top: 10px;
    }

    a.postjobbtn {
        display: none;
    }

    .dashboard_content button.nav-link {
        width: 147px;
        margin-right: 10px;
        padding: 14px 10px;
        margin-bottom: 12px;
    }

    .dashboard_content li.nav-item:last-child button.nav-link {
        margin-right: 0px;
    }

    .dashboard_content button.nav-link .number {
        font-size: 25px;
    }

    .dashboard_content button.nav-link img {
        max-width: 35px !important;
    }

    .postedjobs .job-left {
        margin-left: 0px;
    }

    .job-listing {
        flex-wrap: wrap;
        gap: 10px;
    }

    .job-listing div {
        width: 100% !important;
        text-align: left;
    }

    .job-listing .job-center {
        width: 49% !important;
    }

    .job-listing .job-status {
        width: 47% !important;
    }

    .job-listing .job-right a ,.job-listing .close-div-job button{
        width: 100% !important;
    }

    .jobtitle {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .dashboard_content ul.pagination {
        margin-top: 20px;
    }

    .jobstable tbody tr td,
    .jobstable thead tr th {
        padding: 20px 10px !important;
    }

    .jobstable td.dateposted span {
        width: 85px;
        display: inline-block;
    }

    .jobstable tbody td.d-flex {
        width: 313px;
        gap: 8px !important;
    }

    .modal-content h2 {
        margin-top: 10px;
    }

    .modal.deletepopup h2 {
        font-size: 18px !important;
        margin-bottom: 20px !important;
    }

    .innerdetails button {
        margin-top: 15px !important;
        padding: 0px;
    }

    button.textualbtn {
        padding: 10px 25px !important;
    }

    .employmentmodal select.form-select {
        margin-bottom: 10px;
    }

    .employmentmodal .mb-4 {
        margin-bottom: 0px !important;
    }

    .employmentmodal label.form-label {
        margin-top: 10px;
    }

    .employmentmodal .form-check {
        margin-bottom: 10px;
    }

    .employmentmodal input.form-control {
        margin-bottom: 10px;
    }

    .modal-content input {
        margin: 4px 0;
    }

    ul.skillbox li button {
        border: none;
        background: none;
    }

    .modal-content {
        padding: 15px;
    }

    .resumemodal .modal-content p {
        margin-bottom: 10px;
    }

    .resumemodal .modal-footer {
        margin-top: 10px;
    }

    .careerprefform label,
    .careerprefform p.label {
        margin-top: 18px;
        margin-bottom: 0;
    }

    .checkboxoption label {
        margin-top: 0px;
    }

    .careerprefform .row {
        margin-top: 0px !important;
    }

    .personalform button {
        margin-top: 12px;
    }

    img.profile_photo,
    .profile_form input[type="file"] {
        width: 110px;
        height: 120px;
    }

    form.personalform {
        margin-top: 10px;
    }

    ul.settinglinks {
        gap: 4px;
        padding: 5px 0 7px;
        justify-content: center;
    }

    ul.settinglinks li a {
        font-size: 13px;
        line-height: 20px;
        padding: 4px;
        min-height: 64px;
        width: 87px;
        display: inline-block;
    }

    ul.settinglinks li img {
        display: block;
    }

    ul.settinglinks li a:after {
        bottom: -10px;
        width: 40px;
    }

    .dashboard_content {
        padding: 0px !important;
        padding-top: 25px !important;
    }

    .dashbanner {
        padding: 24px;
        margin: 13px 0 15px;
    }

    .dashjobgrid>div .row div {
        width: auto;
    }

    .dashjoblisthead,
    .dashjoblisthead div {
        text-align: center !important;
    }

    .progress-circle {
        width: 70px;
        height: 70px;
    }

    .progress-circle-new {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
}

    .progress-fill {
        width: 60px;
        height: 60px;
    }

    .profile_dashboard {
        width: 50px;
        height: 50px;
        left: 11px;
        top: 20px;
    }

    .progress-value {
        font-size: 14px;
        bottom: -6px;
        left: 26px;
    }

    .dashboardbar label {
        font-size: 12px;
        margin-top: 12px;
    }

    ul.dash_links {
        margin-top: 20px;
    }

    .dashboard_content,
    .dashboardbar {
        width: 100%;
    }

    .dashboardsec {
        padding: 30px 0;
    }

    .dashboardbar {
        padding: 18px 24px;
        min-height: auto;
    }

    .logoutbtn {
        margin-top: 30px;
        font-size: 16px;
    }

    ul.dash_links li a {
        padding: 10px;
    }

    .dashjobgrid {
        flex-wrap: wrap !important;
    }

    .inner_links li.nav-item.dropdown {
        padding: 0 5px !important;
    }

    .inner_links .login_menu {
        margin: 0px !important;
    }

    .inner_links a.nav-link.dropdown-toggle {
        padding: 0;
    }

    .inner_links>a img {
        margin-right: 5px;
    }

    .profile_completed {
        padding: 25px;
    }

    .profile_completed h3 {
        font-size: 20px;
        padding-top: 12px;
    }

    .profile_completed a {
        margin-top: 0px;
    }

    .profile_completed p br {
        display: none;
    }

    .addmore {
        margin-top: 5px !important;
        margin-bottom: 15px;
    }

    .candidatesteps button,
    .candidatesteps .candbtn {
        margin-top: 10px;
        padding: 10px 17px;
    }

    .candidatesteps div {
        padding: 0px;
    }

    .candidatesteps {
        padding: 10px;
    }

    .stepsection .col-md-5,
    .stepsection .col-md-7 {
        padding: 0;
    }

    .stepper-item::before {
        top: 5px;
        width: 76px;
        height: 1px;
        left: 32px;
    }

    .stepper-item .step-name {
        font-size: 11px;
        padding-right: 8px;
        padding-top: 8px;
        text-align: center;
    }

    .stepsection {
        padding: 20px 0 !important;
    }

    .stepsection .row {
        margin: 0px !important;
        padding: 0px !important;
    }

    .stepper-wrapper {
        margin-top: 10px;
        flex-direction: row;
        margin-bottom: 20px;
        justify-content: center;
    }

    .stepper-item .step-counter {
        width: 10px;
        height: 10px;
        margin: auto;
    }

    .stepper-item {
        margin-bottom: 10px;
        flex-direction: column;
        align-items: start;
    }

    .progress {
        max-width: unset;
    }

    .candidateheader {
        text-align: center;
    }

    .candidateheader img {
        max-width: 125px;
    }

    .candtext {
        font-size: 16px;
    }

    .email_sec .container {
        padding: 25px 0 !important;
    }

    .portal {
        margin-bottom: 20px;
    }

    .verification-reset .img-reg-div img,
    .register_popup .img-reg-div img {
        width: 40%;
    }

    .verification-reset input,
    .register_popup input {
        padding: 10px 10px;
        width: 87%;
    }

    .verification-reset button.btn,
    .register_popup button.btn {
        width: 100%;
        padding: 6px 6px;
    }

    .register_popup h1 {
        font-size: 25px;
    }

    .verification-reset br,
    .register_popup br {
        display: none;
    }

    .verification-reset .modal-dialog,
    .register_popup .modal-dialog {
        max-width: 83% !important;
    }

    .verification-reset h2,
    .register_popup h2 {
        font-size: 25px !important;
    }

    .verification-reset p,
    .register_popup p {
        font-size: 16px !important;
    }

    .verification-reset .modal-footer .btn,
    .register_popup .modal-footer {
        font-size: 16px;
    }

    .verification-reset .img-div img,
    .register_popup .img-div img {
        width: 40%;
    }

    .verification-reset .m-f,
    .register_popup .m-f {
        padding-bottom: 16px;
    }

    /*****/

    .signup h1 {
        padding-top: 25px !important;
    }

    .rl_left {
        padding-top: 20px;
    }

    .authimg h2 {
        font-size: 30px;
    }

    .authimg ul {
        margin-top: 15px;
        gap: 25px;
        font-size: 17px;
    }

    .termscond {
        margin: 5px 0 15px;
    }

    .register_login h1 {
        font-size: 35px;
        padding-top: 20px;
    }

    .accountoption {
        margin: 15px 0px !important;
    }

    .legal ul li:first-child {
        list-style: none;
    }

    .accounttwo .form-check label {
        padding: 10px 16px;
    }

    .authimg {
        padding: 30px 20px 30px;
    }

    .flex_flip {
        flex-direction: column-reverse;
    }

    .jobs_available {
        padding-top: 20px !important;
    }

    body .hire_smart {
        padding-bottom: 30px !important;
    }

    .profile_div {
        gap: 0px;
    }

    .profile_div img {
        max-width: 22px;
    }

    .privacy_footer {
        text-align: center;
    }

    footer .row {
        gap: 30px;
    }

    footer.darkbgc {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }

    .privacy_footer ul {
        justify-content: center;
        margin-top: 10px;
    }

    .card-custom {
        padding: 20px;
    }

    .better_future {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }

    .better_future .container .hero {
        padding: 20px 0 0px 10px;
    }

    .top_companies .row:first-child {
        padding-bottom: 0px !important;
    }

    a.greenanchor {
        font-size: 20px !important;
        margin-top: 10px !important;
        display: inline-block;
    }

    .job-title img {
        max-width: 20px;
    }

    .top_companies .row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .top_companies .row .text-end {
        text-align: center !important;
    }

    .job-btn {
        width: 180px;
        height: 32px;
        font-size: 13px;
    }

    .job_card ul {
        flex-wrap: wrap;
        font-size: 14px !important;
        gap: 4px;
    }

    .job_card ul img {
        max-width: 16px;
        margin-right: 4px;
    }

    .job_card {
        padding: 10px;
    }

    .job-title {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .jobs_available h2,
    .top_companies h2,
    .better_future .container .hero h2 {
        font-size: 30px;
        line-height: 1.1;
    }

    .better_future .container .hero p {
        padding-bottom: 10px !important;
    }

    .jobs_available .row {
        flex-direction: column;
        justify-content: center;
    }

    .jobs_available .row .text-end {
        text-align: center !important;
    }

    .jobs_available a {
        font-size: 18px;
    }

    .trnd_1 h4 {
        font-size: 36px !important;
    }

    .job_seekers h2 {
        font-size: 30px;
        margin-top: 0px !important;
    }

    .job_seekers .container {
        padding-top: 20px !important;
        padding-bottom: 20px;
    }

    .cat_row {
        gap: 0;
    }

    .cat_row.mt-4 {
        margin-top: 0px !important;
    }

    .goodlife a.greenbtnc {
        margin-top: 18px !important;
    }

    .goodlife h2 {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 0;
    }

    .goodlife .greenspan {
        margin-bottom: 0px;
    }

    .howwork .container {
        padding-top: 20px !important;
    }

    .goodlife {
        padding: 0px !important;
    }

    .usps {
        gap: 10px;
    }

    .banner_sec {
        padding: 40px 0 !important;
    }

    .banner_sec h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .banner_sec p {
        font-size: 15px !important;
    }

    .banner_sec form {
        border-radius: 15px;
        padding: 5px 15px;
    }

    .banner_sec .text-end {
        text-align: center !important;
    }

    .navbar-nav .dropdown-menu {
        width: 180px;
    }
.navbar-nav .dropdown-menu {
    left: 45px !important;
    top: 35px !important;
}

    header a.dropdown-item {
        padding-left: 0px;
        padding-right: 0px !important;
    }

    header ul.navbar-nav {
        gap: 0px;
    }

    header ul.navbar-nav li {
        border-bottom: 1px solid #80808045;
        padding: 0px 20px;
    }

    header ul.navbar-nav li:last-child {
        border: none;
    }

    .container {
        max-width: 95% !important;
    }

    header.bg-white {
        padding: 0px !important;
    }

    a.navbar-brand img {
        width: 100%;
    }

    a.navbar-brand {
        width: 100px;
        margin-right: 8px !important;
    }

    header.bg-white .container-fluid {
        flex-wrap: nowrap !important;
    }

    button.navbar-toggler {
        padding: 2px 5px !important;
        margin-right: 5px;
        margin-bottom: -2px;
    }

    .registerbtn {
        margin: 1px;
    }

    .employbtn,
    .loginbtn,
    .registerbtn {
        padding: 9px 10px !important;
        font-size: 14px !important;
    }

    a.employbtn.blacktxtc {
        display: none;
    }

    .cat_row,
    .usps,
    .goodlife .row,
    .job_seekers .row,
    .top_companies .row,
    .become_sec .row {
        flex-wrap: wrap !important;
    }

    .goodlife div img {
        width: 100%;
    }

    .howwork .row>div div:after {
        display: none;
    }
}

@media only screen and (max-width:991px) {
	.topcompanyrow .top_companies_col {
    width: 100% !important;
}
    .saved_job_listing .job-status {
        width: 27%;
    }

    .saved_job_listing .job-right {
        width: 26%;
    }

    .job-right a {
        width: 105px;
    }

    .jobstable tbody tr td,
    .jobstable thead tr th {
        padding: 20px 3px;
    }

    header ul.navbar-nav li {
        border-bottom: 1px solid #80808045;
        padding: 0px 20px;
    }

    div#navbarSupportedContent {
        margin: 0px !important;
        position: absolute;
        top: 58px;
        background: #ffff;
        border-radius: 8px;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
        width: 180px;
        z-index: 999999;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
        left: 88px;
        top: 0;
    }

    button.navbar-toggler {
        box-shadow: none !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
     .home-profile .bar-lines {
        border-top: 1px solid #20212400 !important;
        border-bottom: 1px solid #20212400 !important;
        padding-top: 25px;
    }
        .search_container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.search_container > div {
    flex: 1 1 50%; /* Each child takes 50% width if possible */
    box-sizing: border-box;
    padding: 10px; /* Optional: for spacing */
}

/* Make the third div take full width */
.search_container > div:nth-child(3) {
    flex: 1 1 100%;
}
     .navbar-collapse-custom {
        position: absolute;
        top: 100%;   
        left: 0;
        width: 332%;
        background: #fff; 
        z-index: 1000;
        border: 1px solid #ddd;
        border-radius: 6px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .home-profile .bar-lines ul li {
        padding: 5px;
        border-bottom: 1px solid #0000001a;
        justify-content: start;
    }
    .authimg ul {
    font-size: 12px;
    max-width: 236px; 
}
    .reviewboxdiv {
    flex-direction: column;
    gap: 20px;
}
    .candidatetabcontent .total_applications {
    padding: 30px 2px !important;
}
.total_applications {
    font-size: 14px;
}
    .companyjobslist .job_card ul {
        flex-wrap: wrap;
        gap: 16px;
        max-width: 218px;
    }

    #today-interviews .total_applications {
        font-weight: 500;
        padding: 30px 0px;
    }

    .banner_sec_2 .col-md-7,
    .banner_sec_2 .col-md-5 {
        width: 100%;
    }

    .phonecoderow .col-md-3 {
        width: 35% !important;
    }

    .phonecoderow .col-md-9 {
        width: 65% !important;
    }

    .whoweare h2,
    .wearehere h2 {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .wearehere ul li {
        font-size: 16px;
    }

    .wearehere ul li img {
        margin-right: 4px;
        max-width: 30px;
    }

    .findjobs .job-btn {
        width: 188px;
    }

    .filterboxbar {
        padding: 15px 10px;
    }

    .singlecandsection .card-custom {
        padding: 32px 5px;
    }

    .savedcandidates .job-left {
        width: 60%;
    }

    .savedcandidates .job-right {
        width: 40%;
    }

    .dashboard_content button.nav-link {
        width: 230px;
        margin-bottom: 15px;
    }

    .total_applications div {
        padding: 0 3px;
    }

    .dashboard_content h2 {
        max-width: 366px;
        font-size: 22px !important;
    }

    .postedjobs .job-left {
        margin-left: 0px;
    }

    .employerdashboard ul.dash_links li img {
        margin-right: 2px !important;
    }

    .employerdashboard ul.dash_links li a {
        padding: 10px 2px 10px 3px !important;
        font-size: 12px !important;
    }

    .employerdashboard ul.dash_links li img {
        margin-right: 8px;
    }

    ul.dash_links li a:before {
        left: -2px;
        width: 4px;
    }

    form.personalform {
        margin-top: 20px;
    }

    ul.settinglinks img {
        display: block;
    }

    ul.settinglinks {
        gap: 7px;
    }

    img.profile_photo,
    .profile_form input[type="file"] {
        width: 110px;
        height: 120px;
    }

    .logoutbtn {
        font-size: 15px;
    }

    ul.dash_links li a {
        font-size: 14px;
    }

    ul.dash_links li img {
        max-width: 16px;
        margin-right: 4px;
    }

    .dashjobgrid>div {
        padding: 10px !important;
    }

    .dashjobgrid div ul li {
        font-size: 14px;
    }

    .dashjobgrid>div .row {
        margin-top: 8px !important;
    }

    .dashjobgrid>div span {
        font-size: 14px;
    }

    .employbtn,
    .loginbtn,
    .registerbtn {
        padding: 10px 14px !important;
        font-size: 15px !important;
    }

    button.navbar-toggler {
        margin-right: 8px !important;
        padding: 3px 10px !important;
    }

    .cat_row>div p {
        font-size: 14px;
    }

    .cat_row>div p span {
        font-size: 12px;
    }

    .cat_row>div div {
        padding: 10px;
    }

    .top_companies_col p {
        font-size: 13px;
    }

    .howwork {
        margin-top: 26px;
    }

    .cat_row {
        gap: 5px !important;
    }

    .howwork .row>div {
        padding: 10px;
    }

    .howwork .row>div:nth-child(even) div:after {
        top: -64px;
    }

    .howwork .row>div div:after {
        background-size: 110px;
        width: 110px;
        height: 110px;
        top: 0px;
        left: 71px;
    }

    .job_seekers h2 {
        font-size: 32px !important;
        line-height: 37px !important;
    }

    .trnd_1 a {
        z-index: 999;
        position: relative;
    }

    .trnd_1 a {
        margin-top: 5px;
    }

    .job_seekers p {
        font-size: 14px;
    }

    .job_seekers h3 {
        font-size: 20px;
    }

    .job_seekers_col {
        padding: 24px 10px 12px;
    }

    .top_companies_col {
        padding: 15px;
    }

    .top_companies .row {
        gap: 10px !important;
        flex-direction: column;
    }

    .top_hiring_row {
        flex-direction: row !important;
        align-items: center !important;
    }

    .hero-img {
        margin-bottom: -42px;
    }

    .better_col {
        padding-bottom: 40px;
    }

    .better_future .container .hero h2 {
        font-size: 33px !important;
        line-height: 37px !important;
    }

    .better_future .container .hero p {
        font-size: 14px;
        padding-bottom: 0px !important;
    }

    .better_future .container .hero {
        padding: 26px 0 0px 50px;
    }
}

@media only screen and (max-width:1240px) {
    .dashjobgrid>div .row img {
        width: 40px;
    }

    .dashboard_content {
        padding-left: 28px;
    }

    .findcomplist .top_companies_col {
        width: 48%;
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
.technology-news .card img {
    height: 170px !important;
}
    .home-profile .bar-lines ul li
    {
        padding: 7px;
    }
    .home-profile .search-bar {
        width: 555.75px;
    }
    .latest-news-section .right-blog-section img
    {
        width: 221px;
    }
    .world-news .right-blog-section img {
        width: 134px;
    }
    .world-news .left-blog-section {
        min-height: 400px;
        max-width: 326px;
    }

    .savedcandidates .job-left,
    .savedcandidates .job-right {
        width: 50% !important;
    }

    .savedcandidates .job-right {
        text-align: right;
    }

    form.personalform {
        margin-top: 15px;
    }

    ul.settinglinks {
        gap: 5px;
    }

    .howwork .row>div div:after {
        background-size: 150px;
        width: 150px;
        height: 150px;
    }

    .howwork .row>div:nth-child(even) div:after {
        top: -78px;
    }
}

@media only screen and (min-width:391px) and (max-width:767px) {
    .stepper-item::before {
        width: 95px !important;
    }
}

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

    .loginbtn,
    .registerbtn {
        padding: 10px 14px;
    }

    .companyjobslist .job-btn {
        width: 102px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .home-profile .search-bar {
    width: 100% !important;
}
.latest_bottom_grid img {
    height: 160px;
}
    .home-profile .search-bar {
        width: 480.75px;
        height: 40px;
        flex-shrink: 0;
    }
    .world-news .left-blog-section {
        min-height: 458px;
        max-width: 353px;
    }

    .home-profile .article-card h4
    {
        font-size: 22px;
        line-height: 33px;
    }

   

  .createauthimg  .signuserimg {
        margin-top: -202px;
        max-width: 160px;
    }
    .signuserimg {
    margin-top: -207px;
    max-width: 200px;
}
.authimg h2 {
    font-size: 30px;
}
        .forgotimg {
    width: 330px;
    height: 455px;
}
    .dashboard_content button.nav-link {
    width: 174px;
    margin-right: 10px;
}
    .total_applications div {
        padding: 0 5px;
    }

    .grow_sec .row {
        padding: 17px 0 0 !important;
    }

    .banner_sec_2 div>img {
        max-width: 415px;
    }

    a.navbar-brand img {
        max-width: 160px;
    }

    .banner_sec form button {
        padding: 15px 12px;
        font-size: 12px;
    }

    .banner_sec form .row>div img {
        margin-right: 4px;
    }

    .top_saving .d-flex div.pe-3 {
        width: 10% !important;
    }

    .top_saving .d-flex div {
        width: 70% !important;
    }

    .top_saving .d-flex .savebtndiv {
        width: 20% !important;
    }

    .howitworks .row {
        gap: 5px;
    }

    .howitworks .row div {
        padding: 14px 10px;
    }

    .video_sec .row>div div:last-child {
        padding: 0 0 0 0;
    }

    .contactlist {
        margin: 35px 0px !important;
    }

    .contactleft .contactlist li {
        margin: 16px 0;
        align-items: flex-start;
    }

    .contactright {
        padding: 40px 25px 25px 30px;
    }

    .resume_listing button {
        width: 65px;
        font-size: 14px !important;
    }

    .downloadcv {
        width: 110px !important;
        margin-right: 0px;
    }

    .downloadcv img {
        width: 18px;
        margin-left: 5px;
    }

    .companyjobslist .job-btn {
        width: 150px;
    }

    .singlecompany .company_rightside {
        gap: 2px !important;
    }

    .company_topper .top_companies_col {
        margin-top: -65px;
    }

    .company_topper {
        margin-bottom: 20px !important;
    }

    .findcomp .top_companies_col ul {
        gap: 6px;
        flex-wrap: wrap;
    }

    .findcomp .top_companies_col ul li,
    .company_trait li {
        padding: 4px 8px;
        font-size: 12px;
    }

    .job_boxes h5 {
        font-size: 15px;
    }

    .job_boxes p span {
        font-size: 16px;
    }

    .overview_inside {
        gap: 16px !important;
    }

    .overview_inside>div .small {
        font-size: 10px;
    }

    .we_hirin {
        min-height: 310px;
    }

    .related_jobs .job_card ul {
        flex-wrap: wrap;
    }

    .rangeapplybtn {
        margin-top: 10px;
    }

    .findjobs ul.pagination {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .findjobs .job_card ul {
        gap: 6px;
    }

    .findjobs .job_card {
        padding: 20px;
    }

    .filter-box h6 {
        font-size: 16px;
    }

    .findjobs .job-title {
        font-size: 20px;
    }

    .topcompanies .row {
        gap: 8px;
    }

    .findcandidate p {
        font-size: 14px !important;
    }

    .otherjobapplications .job-left {
        width: 48%;
    }

    .otherjobapplications .job-center {
        width: 17%;
    }

    .jobapplication h1 {
        padding-bottom: 5px;
    }

    .employerdashboard ul.dash_links li a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .employerdashboard ul.dash_links li img {
        margin-right: 8px;
    }

    .employuser img {
        width: 100%;
    }

    button.textualbtn {
        padding: 11px;
        font-size: 14px;
    }

    .dashboardbar {
        padding: 20px 11px;
    }

    .dashboardsec {
        padding: 45px 0;
    }

    .logoutbtn {
        margin-top: 50px;
    }

    ul.dash_links li a {
        padding: 10px;
    }

    .dashbanner {
        padding: 20px;
        margin: 20px 0 35px;
    }

    .dashjobgrid>div {
        padding: 10px 20px;
        margin: 5px;
    }

    .dashjobgrid {
        gap: 4px;
    }

    .dashjobgrid>div .row img {
        width: 40px;
    }

    .profile_completed {
        padding: 30px;
    }

    .candidatesteps {
        padding: 20px;
    }

    .portal {
        margin-bottom: 50px;
    }

    .signup h1 {
        padding-top: 60px !important;
    }

    .accountoption {
        margin: 15px 0px !important;
    }

    .termscond {
        margin: 5px 0 20px;
    }

    .accounttwo .form-check label {
        padding: 10px 24px;
    }

    .register_login h1 {
        padding-top: 20px;
    }

    .authimg {
        padding: 0 30px 20px;
    }

    .rl_left {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .job_card ul li {
        font-size: 13px;
    }

    .job_card ul img {
        max-width: 20px;
    }

    .goodlife .container {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .usps>div p {
        font-size: 16px;
    }

    .banner_sec {
        padding: 50px 0 0 !important;
    }

    .banner_sec .col-md-7 {
        padding-top: 0 !important;
        padding-bottom: 10px;
    }

    .banner_sec p {
        padding: 0px !important;
    }

    footer h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .trnd_1 h4 {
        font-size: 31px !important;
    }

    .better_future .container .hero p {
        padding-bottom: 15px !important;
    }

    .better_future .container .hero h2,
    .top_companies h2,
    .jobs_available h2,
    .job_seekers h2,
    .goodlife h2 {
        font-size: 42px;
        line-height: 48px;
    }

    .firstcol {
        padding-right: 10px !important;
    }

    .job_seekers .row div {
        margin: 4px;
    }

    .cat_row {
        gap: 20px;
        justify-content: center;
    }

    .goodlife div img {
        width: 100%;
    }

    .employbtn,
    .loginbtn,
    .registerbtn {
        padding: 8px 5px;
        font-size: 15px !important;
    }

    .registerbtn {
        margin: 5px;
    }

    a.navbar-brand {
        max-width: 115px;
    }

    header ul.navbar-nav {
        gap: 5px;
    }

    .verification-reset .modal-dialog {
        max-width: 80% !important;
    }

}

@media only screen and (min-width:1301px) and (max-width:1400px) {
.container {
    max-width: 85% !important;
}
.banner_sec form button {
    padding: 12px 11px;
}
ul.dash_links li a {

    padding: 15px 7px;
}
.dashboard_content button.nav-link {
    width: 200px;
    margin-right: 10px;
    padding: 25px 5px 25px 15px;
}
    .savedcandidates .job-left,
    .savedcandidates .job-right {
        width: 50% !important;
    }

    .savedcandidates .job-right {
        text-align: right;
    }
}

@media only screen and (min-width:1025px) and (max-width:1300px) {
    .total_applications .order-action {
    right: 0;
}
    .container {
    max-width: 91% !important;
}
.banner_sec form button {
    padding: 12px 11px;
}
.dashboard_content button.nav-link {
    width: 200px;
    margin-right: 10px;
    padding: 25px 5px 25px 5px;
}
        .forgotimg {
    width: 330px;
    height: 455px;
}s
    .banner_sec form button {
        padding: 12px 15px;
    }

    .howitworks .row {
        gap: 10px;
    }

    .savedcandidates .job-left,
    .savedcandidates .job-right {
        width: 50% !important;
    }

    .savedcandidates .job-right {
        text-align: right;
    }

    .employerdashboard ul.dash_links li a {
        padding: 15px 6px;
    }

    .portal {
        margin-bottom: 120px;
    }

    .signup h1 {
        padding-top: 40px !important;
    }

    .accountoption {
        margin: 15px 0px !important;
    }

    .termscond {
        margin: 20px 0 20px;
    }

    .register_login h1 {
        padding-top: 20px;
    }

    .rl_left {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .job_seekers .row div {
        margin: 8px;
    }

    .cat_row {
        justify-content: center;
    }
}