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

/*commen css start*/
.container{width: 100%;margin: 0 auto;padding: 0 15px;}
.row{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.row > div{padding-left: 15px;padding-right: 15px;}
.form-input{height: auto !important;}
input.form-control,.form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da; appearance: none;border-radius: .375rem; -webkit-appearance: none; -moz-appearance: none;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-select{height: initial !important; display: block;width: 100%;padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px);font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-repeat: no-repeat;background-position: right .75rem center;background-size: 16px 12px;border: 1px solid #ced4da;border-radius: .375rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none;appearance: none;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}
hr.space{background: transparent;color:transparent;}
.span-24{width: 100%;max-width: 960px;}
/*commen css End*/

.top-candidates-form{height: initial;}

/*Haeder css start 02-08-24*/
.site-header {position: sticky;top: 0;left: 0;width: 100%;z-index: 999;background-color: #F6F4EB;box-shadow: 0 4px 6px 0 rgba(0,0,0,6%);}
.site-header #UpperMenu{width: 100% !important;margin: 0 -15px;}
.site-header .nav-links li{padding-left: 12px;padding-right: 12px;}
.site-header .nav-links li a{padding-left: 8px;padding-right: 8px;}

/*Haeder css end 02-08-24*/

/*Hero section start*/

.hero{margin: 0;height: auto;padding:0;}
.hero .row{align-items: center;justify-content:space-between;}
.hero .hero-text{margin:0 !important;}
.hero-img-container{padding-top: 60px;padding-bottom: 0;max-width: 25%;}
.hero .hero-img{margin:0;max-width: 100%;height: auto;display:block;}
.hero-btn{padding:8px 16px;height: auto !important;}

/*Hero section end*/

/*Search Top Candidates css start*/
.serachTop-can-section{margin: 0;padding-top: 60px;padding-bottom: 60px;background-color:#F6F4EB;}
.serachTop-can-section .form{margin: 0;}
.search-container{background-color: #FFF;}
.candidate-card .candidate-img{object-fit: cover;}
.serachTop-can-section div.text-style p:last-child{text-align: right;word-break: break-word;overflow-wrap: break-word;}
/*Search Top Candidates css end*/

/*footer css start*/
.footer-col h6{margin-bottom: 12px;}
.icons-container a:last-child{margin: 0;}
/*footer css End*/


/*login modal css start*/
.login-modal .modal-content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin: 0 0;width: 450px;}
.login-modal .close{position: relative;top: 4px;right: -12px;width: 28px;height: 28px;line-height: 1;}
/*login modal css end*/


/*Jobs page start*/
/*#bodywrapper{padding-bottom: 30px;}*/
.jobSearch-container .cards{height: auto !important;}
.simple-pagination{margin-bottom: 40px;}
.jobSearch-container .viewProfileBtn{display: inline-block;position: static !important;margin-top:10px;}
.availableJobs-header{margin:0;}
.availableJobs-header p{margin-bottom: 10px; color: #625f5a; font-size: 18px;line-height:24px;}
.availableJobs-header + div > .form{margin-top: 20px;}
/*Jobs page end*/

/*enquiries page start*/
#bodywrapper{max-width: 990px;}
.enquiries-section .container{max-width: 990px !important;}
.enquiries-section .employers-container{width: 100%;}
.enquiries-section .span-18{width: 100%;margin:0;float:none;}
.enquiries-section .radio-btns-container{flex-direction:unset;flex-wrap:wrap;}
.enquiries-section .radio-btns-container > div{width: 45%;margin:0 !important;}
/*enquiries page end*/

/*Recruiter Registration css start*/
.recruiterReg-section{padding-block:40px;}
.recruiterReg-section .container{max-width: 990px;}
.recruiterReg-title{color: black; font-weight: 500;text-align: center;}
.recruiterReg-subTitle{color: #B02B47; font-weight: 500;text-align: center;}
.recruiterReg-section .employers-container{width: 100%;}
.recruiterReg-section .span-18{width: 100%;margin:0;float:none;}
.recruiterReg-section table.viewdata{width: 100%;}
.recruiterReg-section .recruiterReg-table {width: 80%;margin: 0 auto;}
/*Recruiter Registration css end*/

/*Recruiter Login css start*/
.recruiterLogin-section{padding-top: 40px;padding-bottom: 40px;}
.recruiterLogin-section .form-control{max-width: 320px;width: 100%;margin: 0 auto 16px;}
.recruiterLogin-wrap p{text-align: center; font-size: 15px;line-height: 1.3; font-weight: 600;}
.recruiterLogin-wrap .modalBtns{background-color: #000;display: inline-block;width: fit-content;}
.recruiterLogin-section .modal-content{width:100%;}
/*Recruiter Login css end*/

/* Recruiter-registration-thank-you-section css start*/
.recruiter-registration-thank-you-section{padding-top: 40px;padding-bottom: 40px;}
.recruiter-registration-thank-you-section .form-control{max-width: 320px;width: 100%;margin: 0 auto 16px;}
.recruiter-registration-thank-you-section p{text-align: left; font-size: 16px;line-height: 1.3; font-weight: 600;}
/*Recruiter-registration-thank-you css end*/


@media(min-width: 1200px){
    nav {justify-content:space-between;}
}

@media(max-width: 1366px){
    .site-header .nav-links li{padding-left: 8px;padding-right: 8px;}
    .viewProfileBtn{font-size:16px;line-height: 24px;}
    .footer-col2 a{font-size: 18px;}
    .footer-icon {width: 32px;height: 32px;}
    .footer{padding: 30px 0 16px;}

    .enquiries-section .form-headers{font-size: 24px;line-height: 1.3;}
}

@media(max-width: 1199px){
    .site-header .nav-links{justify-content: center;gap: 20px;align-items: center;}
    .hero{padding: 60px 0;}
    .columnsContainer{flex-direction: unset;}
    .columnsContainer > div{padding-left: 15px;padding-right: 15px;}
    .candidate-card{height: auto;}
    .candidate-card .leftSideCard{margin: 0;}
    .candidate-card .clsRating{left: 50% !important;transform: translateX(-50%);}
    .footer-col-container{flex-direction: unset;}
    .footer-col{padding: 16px 0;}
    .availableJobs-header{padding: 40px;width:100%;}


    .enquiries-section .form-col-1 {width: 45%;}
    .enquiries-section .grid-item-flex{flex-direction: unset;}
    .enquiries-section .form-headers,.recruiterReg-section .grid-item{font-size: 20px;}

}

@media(max-width: 991px) {
    .hero-text h1 {font-size: 32px;}
    .candidate-card .rightSideCard-listing{width: 100%;padding-bottom:0;}
    .hero {padding: 50px 0;}
    .footer-col2 a{word-wrap: break-word;word-break: break-all;}
    .footer-col2 a,.footer-col p{font-size: 16px;}
    .footer-col h6 {font-size: 24px;}
    .icons-container a{margin: 0;}
    .icons-container {column-gap: 16px;}
    .recruiterReg-section .recruiterReg-table table.viewdata td > img{width: 225px;height: 70px;}
}
@media(max-width: 767px) {
    .footer-col{width: 100%;}
    .text-style {margin-top: 14px;}
    .login-modal .modal-content{width: 92%}
    .login-modal .modalInputContainer{width: 100%;padding: 12px;}
    .availableJobs-header {padding: 40px 20px 20px;}
    .availableJobs-header p{font-size: 16px;line-height:24px;}
    .enquiries-section .form-col-1 {width: 100%;}
    .enquiries-section .grid-item-flex{flex-direction: column;}
    .enquiries-section .viewdata tr td,.recruiterReg-section .recruiterReg-table table.viewdata td{overflow-wrap: break-word;word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; float: left !important;width: 100%;}
    .enquiries-section .grid-item{padding:8px;}
    .enquiries-section .captcha-info-img,.recruiterReg-section .captcha-info-img{width: 200px;height: 60px;}
    .enquiries-section .LBD_CaptchaImageDiv,.recruiterReg-section .LBD_CaptchaImageDiv{width: 250px !important;}
    .enquiries-section .grid-container{padding:0;}
    .enquiries-section .grid-container table tr td input{width: 200px !important;}
    .enquiries-section .grid-container table tr td img{max-width: 100%;height: auto;}
    .enquiries-section .grid-container > div:nth-child(5){padding: 0;}
    .recruiterReg-section .recruiterReg-table table.viewdata td > img {width: 197px;height: 62px;}
    .recruiterReg-section .grid-container > div,.recruiterReg-section .form-col-1{width: 100% !important;}
    .recruiterReg-section .grid-container > div:not(.form-headers){padding: 0;margin-top: 10px;}
    .recruiterReg-section .form{padding: 14px;}
    .recruiterLogin-wrap p{font-size: 12px;line-height: 20px;}
    .recruiterLogin-section .modalInputContainer{width: 100%;padding: 0;}
    .recruiterLogin-section .modal-content{padding: 12px;}
    .recruiterLogin-section .modalHeader{margin-bottom: 16px;}
    .recruiterLogin-section .modalBtns{margin-top: 16px;}
    
}
@media(max-width: 570px) {
    .columnsContainer {flex-direction: column;}
    .columnsContainer > div{width: 90%;}
    .footer-col{padding: 15px;}
    .footer-col-container {flex-direction: column;}
    .footer-icon {width: 24px;height: 24px;}
    .footer{padding-top: 20px;}
    .logo img {height: 60px;width: 125px;}
    .SearchForm-header {font-size: 24px;letter-spacing: 2px;}
    .columnsContainer {margin-top: 24px;}
    .columnsContainer > div {width: 100%;}
    .hamburger{right: 2%;}
    input.form-control, .form-control,.form-select{font-size: 14px;line-height:18px;}
    .jobSearch-container .jobs-card ul li{font-size: 14px;line-height: 20px;}
    .jobSearch-container .jobs-card {padding: 24px;}
    .availableJobs-header p{font-size: 14px;line-height:20px;}
    .simple-pagination{margin-bottom: 40px;}
}

@media(max-width: 480px) {
    h3.text-style{font-size: 18px;font-weight: 600;}
    div.text-style p{font-size: 14px;line-height:20px;}
    .text-style {margin-top: 10px;}
    .jobSearch-container .jobs-card {padding: 20px;}
    .light-theme a, .light-theme span{padding: 0 5px !important;}
    .enquiries-section .form-headers,.recruiterReg-section .grid-item{font-size: 18px;}
    .recruiterReg-section .recruiterReg-table{padding: 0;}
    .recruiterReg-section .grid-container{padding: 0;}
    .recruiterReg-section .labelBox{font-size: 14px !important;line-height: 20px;}
    
}

@media(max-width: 320px) {
    .light-theme a, .light-theme span {font-size: 11px;line-height: 16px;padding: 0 5px;margin: 0 3px 0 0;}
    .enquiries-section .LBD_CaptchaImageDiv,.enquiries-section table tbody tr td .LBD_CaptchaDiv,
    .recruiterReg-section .LBD_CaptchaImageDiv,.recruiterReg-section table tbody tr td .LBD_CaptchaDiv {width: 200px !important;max-width:220px;position:relative;}
    .recruiterReg-section .LBD_CaptchaIconsDiv{position:absolute;top: 0;right: -28px;}
    .recruiterReg-section .LBD_CaptchaImageDiv img{width: 200px;}
}