*{margin: 0;padding: 0;}
body{box-sizing: border-box; font-family: "Plus Jakarta Sans", sans-serif;}
figure{margin: 0;}
a{text-decoration: none; transition: all 0.3s ease-in-out;}
p{font-family: "Poppins", sans-serif;}
ul{margin: 0; list-style: none; padding: 0;}
img{max-width: 100%;}
.btn{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #FC6736;
    padding: 15px 33px;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 0;
    border: 1px solid #FC6736;
}

.btn-fill{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #FC6736;
    padding: 15px 33px;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 0;
    border: 1px solid #FC6736;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-fill:hover{
    background-color: #FC6736;
    color: #FC6736;
    border-color: #FC6736;
}
.btn-fill::before{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.btn-fill:hover::before{
    width: 100%;
}
.btn-fill:hover:active , .btn-fill:hover:active{
    outline: none;
    color: #FC6736;
}
.btn-outline{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background-color: #fff;
    padding: 15px 33px;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: relative;
    border: 1px solid #000000;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-outline:hover{
    color: #fff;
}
.btn-outline::before{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #000;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.btn-outline:hover::before{
    width: 100%;
}
.btn-outline:hover:active{
    outline: none;
    color: #fff;
}
.heading{
    font-size: 50px;
    font-weight: 400;
    color: #000000;
    position: relative;
    text-align: center;
    margin-bottom: 0;
} 
.heading b{
    color: #0C2D57;
}

.header-container{
    max-width: 1827px;
    margin: 0 auto;
    padding: 0 12px;
}
.header-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    transition: all 0.3s ease-in-out;

}
.header-main .navbar{
    margin-left: 67px;
}
.header-main .navbar ul{
    display: flex;
    align-items: center;
}
.header-main .navbar ul li:not(:last-child){
    margin-right: 25px;
}
.header-main .navbar ul li a{
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding-bottom: 2px;
}
.header-main .navbar ul li a.active{color: #FC6736;}
.header-main .navbar ul li a:hover{
    color: #FC6736;
}
.header-main .navbar ul li a:after {
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #FC6736;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
    width: 0;
}
.header-main .navbar ul li a:hover:after { 
    width: 100%; 
    left: 0; 
}
.header-main .header-right .btn-outline{
    margin-left: 11px;
}
.header-main .header-right {
    display: flex;
    align-items: center;
}
.header-main .header-right .btn{
    font-size: 18px;
}
.banner-section{
    padding:0;
    position: relative;
    backdrop-filter: blur(100px); 
    z-index: 0;
}
.banner-section::before{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 400px;
    height: 400px;
    background-image: url(../images/circle-bg.svg);
    background-repeat: no-repeat;
    z-index: -1;
    filter: blur(100px);
    
}
.banner-section::after{
    position: absolute;
    top: 50%;
    right: 32%;
    transform: translate(-50% ,-50%);
    content: "";
    width: 400px;
    height: 400px;
    background-image: url(../images/circle-bg.svg);
    background-repeat: no-repeat;
    z-index: -1;
    filter: blur(100px);
    
}
.banner-inner-section{
    padding: 0 49px;
}
.banner-inner-section .banner-content{
    width: 49.1%;
    padding-right: 142px;
    padding-bottom: 25px;
}
.banner-inner-section .banner-content h1{
    font-size: 50px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 17px;
}
.banner-inner-section .banner-content p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 29px;

}
.banner-inner-section .banner-content .find-job .btn-outline{
    min-width: 175px;
}
.banner-inner-section .banner-content .find-job .btn-fill{
    min-width: 205px;
    margin-left: 17px;
}
.banner-inner-section .banner-content h1 strong{
    font-weight: 800;
}
.banner-inner-section .banner-img{
    width: 50.9%;
    text-align: right;
	position: relative;
  bottom: -66px;
}
.trusted-company-section{
    background-color: #0C2D57;
    padding: 100px 0 76px;
}
.trusted-company-section .heading{
    color: #fff;
}
.trusted-company-section .trusted-slider{
    margin-top: 36px;
}


.hamburger{
    background-color: transparent;
    border: none;
}
.hamburger .line{
    width: 50px;
    height: 5px;
    background-color: #000;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
.hamburger:hover{
cursor: pointer;
}
#hamburger-6.is-active {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburger-6.is-active .line:nth-child(2) {
    width: 0px;
}

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

#hamburger-6.is-active .line:nth-child(1) {
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    -o-transform: translateY(13px);
    transform: translateY(13px);
}

#hamburger-6.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(90deg);
    -ms-transform: translateY(-13px) rotate(90deg);
    -o-transform: translateY(-13px) rotate(90deg);
    transform: translateY(-13px) rotate(90deg);
}

.key-benifits-section{
    padding: 69px 0 89px;
}
.section-head h2 span{
    position: relative;
    font-weight: 800;
    color: #0c2d57;
}
.section-head h2 span::before{
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 171px;
    height: 27px;
    content: "";
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.section-head p{
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    max-width: 992px;
    margin: 30px auto 0;
}
.benifit-tabs{
    margin-top: 90px;
}
.benifit-tabs .tab-content{
    width: 46.7%;
}
.benifit-tabs .tab-content .img-inner-box{
    background-color:rgb(239 236 236 / 25%);
    border-radius: 50%;
    width: 613px;
    height: 613px;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benifit-tabs .nav{
    width: 53.3%;
    padding-left: 72px;
    padding-top: 15px;
    text-align: start;
}
.benifit-tabs .nav .nav-link{
    display: flex;
    align-items: start;
    text-align: start;
    border-radius: 10px;
    padding:0 0 0 36px;
    box-shadow: none;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    margin-bottom: 30px;
    filter: grayscale(1);
}
.benifit-tabs .nav .nav-link:last-child{
	margin-bottom: 0;
}
.benifit-tabs .nav .nav-link.active{
    padding: 36px;
    box-shadow: 0px 0px 20px #1F226817;
    background-color: #fff;
    margin-bottom: 40px;
    opacity: 1;
    filter: none;
    transition: all 0.4s ease-in-out;
}
.benifit-tabs .nav .nav-link figure{
    width: 42px;
    flex: 0 0 auto;
	opacity: 0.4;
}
.benifit-tabs .nav .nav-link.active figure{
	opacity: 1;
}
.benifit-tabs .nav .nav-link>div{
    width: calc(100% - 42px);
    padding-left: 25px;
    transition: all 0.4s ease-in-out;
}
.benifit-tabs .nav .nav-link h2{
    font-size: 26px;
    color:#c7c7c7;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
    transition: all 0.4s ease-in-out;
}
.benifit-tabs .nav .nav-link.active h2{
    font-weight: 600;
    font-size: 30px;
	color: #0C2D57;
    transition: all 0.4s ease-in-out;
}
.benifit-tabs .nav .nav-link p{
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    font-weight: 400;
    margin-bottom:0;
    height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;

}
.benifit-tabs .nav .nav-link.active p{
    height: auto;
    overflow: visible;
}
/* .benifit-tabs .nav .nav-link:not(:last-child){
    margin-bottom: 40px;
} */
.how-it-work-section{
    background-color:rgb(239 236 236 / 25%);
    padding: 68px 0 91px;
    position: relative;
}
.how-it-work-section::before{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(../images/wave-line.png);
	z-index: -1;
}
.work-listing ul{display: flex; justify-content: center; margin: 40px -27px 0;}
.work-listing ul li{width: 33.33%; padding: 0 27px;}
.workbox{border: 1px solid #0C2D57; border-radius: 5px; padding: 25px; height: 100%; text-align: center; background-color: #fff; position: relative; top: 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.workbox:hover{top: -10px; }
.workbox:after{position: absolute; content: ""; left: 0; bottom: -18px; width: 100%; height: 28px; background:url("../images/box-shadow.png") no-repeat center; background-size: 100%; z-index: -1;}
.workbox figure{margin: 0 0 15px;}
.workbox h4{font-family: "Poppins", sans-serif; font-size: 26px; color:#262626; font-weight: 600;}
.workbox p{font-family: "Poppins", sans-serif; font-size: 16px; line-height: 25px; color:#000000; font-weight: 400;}


.workforce-section{position: relative; padding: 120px 0;}
.workforce-section .container{display: flex; flex-wrap: wrap; align-items: center;}
.workforce-img{width: 41%;}
.workforce-content{width: 59%; padding:0 60px 0 70px;}
.workforce-content .heading{font-family: "Poppins", sans-serif; text-align: left; margin: 0 0 40px;}
.workforce-content .tagline{font-family: "Poppins", sans-serif; text-transform: uppercase; font-size: 20px; line-height: 36px; color:#000000;}
.workforce-content p{font-family: "Poppins", sans-serif; font-size: 18px; line-height: 36px; color:#000000;}
.workforce-content ul{margin: 0 0 40px;}
.workforce-content ul li{font-family: "Poppins", sans-serif; font-size: 18px; line-height: 36px; color:#000000; position: relative; padding:0 0 0 15px;}
.workforce-content ul li:after{position: absolute; content: ""; height: 1px; width: 8px; background-color: #000; left: 0; top: 17px;}
.workforce-content .btn-outline, .workforce-content .btn-fill{padding: 14px 33px; min-width: 205px; margin-right: 10px;}

.Choose-section {background-color:#0C2D57; padding: 50px 0;}
.Choose-section .heading{color: #fff; font-size: 40px; margin: 0 0 10px; font-weight: 800;}
.Choose-section p{font-family: "Poppins", sans-serif; color: #fff; text-align: center; font-size: 20px; line-height: 36px;}
.counterlist{display: flex; align-items: center; justify-content: center; margin:50px 0 0;}
.counterlist li{width: 25%; position: relative;}
.counterlist li:after{position: absolute; content: ""; right: 0; top: 0; bottom: 0; margin: auto; height: 125px; width: 1px; background-color: #fff; opacity: 0.65;}
.counterlist li:last-child:after{display: none;}
.counterlist li strong{display: block; font-family: "Poppins", sans-serif; font-weight: 700; color: #fff; text-align: center; font-size: 50px; line-height: 32px; letter-spacing: -3px; margin: 0 0 15px;}
.counterlist li span{display: block; font-family: "Poppins", sans-serif; font-weight: 400; color: #fff; text-align: center; font-size: 18px; line-height: 27px;}

.findwork-section{position: relative; padding: 125px 0 80px;}
.findwork-section .container{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.findwork-img{width: 37%;}
.findwork-img img{-webkit-animation: ImgBounce 0.9s ease-in-out 0s infinite alternate; animation: ImgBounce 0.9s ease-in-out 0s infinite alternate;}

@-webkit-keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

.findwork-content{width: 63%;}
.findwork-content .heading{text-align: left; max-width: 650px; margin: 0 0 30px;}
.findwork-content .heading b{color: #000000;}
.findwork-content .tagline {font-family: "Poppins", sans-serif; text-transform: uppercase; font-size: 20px; line-height: 36px; color: #000000;}
.findwork-content ul{margin: 0 0 30px; display: flex; flex-wrap: wrap;}
.findwork-content ul li{font-family: "Poppins", sans-serif; font-size: 18px; color:#000000; width: 50%; position: relative; padding: 5px 0 5px 60px; min-height: 61px; display: flex; align-items: center;}
.findwork-content ul li figure{position: absolute; left: 0; top: 5px; height: 51px; width: 51px; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #0C2D57;}
.findwork-content .btn-outline, .findwork-content .btn-fill{padding: 14px 33px; min-width: 205px; margin-right: 10px;}



.footer{background-color: #000000; padding: 22px 0 25px;}
.footer .container{display: flex; align-items: center; justify-content: space-between;}
.left-footer{width: 70%;}
.left-footer ul{display: flex; align-items: center; justify-content: flex-start;}
.left-footer ul li{font-family: "Poppins", sans-serif; font-size: 14px; line-height: 26px; color: #FFFFFF; position: relative; padding: 0 10px 0 0;}
.left-footer ul li:after{position: absolute; content: ""; top: 0; bottom: 0; right: 4px; margin: auto; width: 1px; height: 12px; background-color: #fff;}
.left-footer ul li:last-child:after{display: none;}
.left-footer ul li a{color: #FFFFFF; text-decoration: none;}
.left-footer ul li a:hover{color: #FC6736;}
.left-footer p{font-family: "Poppins", sans-serif; font-size: 14px; line-height: 26px; color: #FFFFFF; margin: 0;}
.right-footer{width: 30%;}
.right-footer ul{display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.right-footer ul li a{position: relative; top: 0;}
.right-footer ul li a:hover{top:-5px;}

.stop-scroll{position: fixed; overflow: hidden; left: 0; top: 0; height: 100%; width: 100%;}

/****login CSS*****/
.login-section{background-color: #0C2D57; background-image: url(../images/wave-line.png); background-position: right bottom; background-size: 100%; background-repeat: no-repeat; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.login-section:before{position: absolute; content: ""; left: 0; bottom: 0; height: 995px; width: 960px; background: url("../images/shadow1.png") no-repeat; z-index: 0;}
.login-section:after{position: absolute; content: ""; right: 0; bottom: 0; height: 908px; width:524px; background: url("../images/shadow2.png") no-repeat; z-index: 0;}

.loginbox{width: 1093px; margin: auto; background-color: #103862; border-radius: 10px; padding: 85px; position: relative; z-index: 1; min-height: 546px;}
.loginbox-content{width: 704px; max-width: 100%; margin: auto;}
.loginbox .back-btn{position: absolute; left: -155px; top: -45px;}
.loginbox .whitelogo{text-align: center; margin: 0 0 55px;}
.loginbox .smileicon{text-align: center; margin: 0 0 25px;}
.loginbox h3{font-family: "Poppins", sans-serif; text-align: center; color: #FFFFFF; display: block; font-size: 30px; font-weight: 200; margin: 0;}
.loginbox h2{font-family: "Poppins", sans-serif; text-align: center; color: #FFFFFF; font-size: 40px; line-height: 50px; font-weight: 600; margin: 0 auto 50px;}
.loginbox h2 span{font-family: "Poppins", sans-serif; font-weight: 400;}
.loginbox h2 strong{display: block; font-weight: 600;}

.loginbox .from-group{position: relative; margin:0 auto 0; width: 616px; max-width: 100%;}
.loginbox .from-group .form-control{border: none; color: #FFFFFF; background-color:#456485; border-radius: 5px; font-size: 20px; line-height: 30px; font-family: "Poppins", sans-serif; font-weight: normal; height: 70px; margin: 0 0 15px;}
.loginbox-content .from-group .form-control{padding-right: 140px;}
.loginbox .from-group .form-control:focus{border: none; box-shadow: none;}
.loginbox .from-group .form-control::-moz-placeholder{color: #FFFFFF;}
.loginbox .from-group .form-control::-webkit-placeholder{color: #FFFFFF;}
.loginbox .from-group .form-control::placeholder{color: #FFFFFF;}
.loginbox .from-group .signupbtn.btn-fill{position: absolute; right: 0; top: 0; border-radius: 5px; height: 70px;}
.loginbox .error-msg{font-family: "Poppins", sans-serif; color: #FC6736; margin: -10px 0px 20px 0; font-size: 16px;}

.loginbox-content{position: absolute; left: 85px; top: 85px; right: -85px; bottom: 85px; margin: auto; opacity: 0; z-index:1; visibility: hidden; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background-color: #103862;}
.loginbox-content.show{opacity: 1; visibility: visible; right: 85px;}
.loginbox-content.hide{opacity: 0; visibility: hidden;}




.header-right .dropdown .dropdown-toggle{background-color: transparent; border: none; display: flex; align-items: center; font-size: 18px; line-height: 24px; color: #000000;}
.header-right .dropdown .dropdown-toggle figure{display: flex; align-items: center; justify-content: center; border: 1px solid #000; height: 58px; width: 58px; border-radius: 50%; background-color: #f8c300; margin: 0 12px 0 0;}

.graybg{background-color:#F2F2F7; padding: 30px 0;}
.whitebg{background-color:#fff; border-radius: 8px; padding: 30px; margin-bottom: 20px;}
.profile-section{display: flex; flex-wrap: wrap; align-items: flex-start;}
.left-section{width: 26%; -webkit-box-shadow: 0px 0px 20px #0000000A; box-shadow: 0px 0px 20px #0000000A; background-color: #ffffff; border-radius: 8px; padding: 40px;}
.right-section{width: 74%; padding: 0 0 0 30px;}

.profile-detail{text-align: center; border-bottom: 2px solid #e5e5e5; padding: 0 0 25px;}
.profile-detail figure{height: 182px; width: 182px; margin:0 auto 15px; border-radius: 50%; overflow: hidden;}
.profile-detail strong{display: block; font-family: "Poppins", sans-serif; font-size: 25px; line-height: 30px; font-weight: 600; color: #000000; margin: 0 0 25px;}
.profile-detail strong span{display: block; font-family: "Poppins", sans-serif; font-size: 18px; line-height: 30px; font-weight: 500; color: #000000;}
.profile-detail .btn-outline{color: #FC6736; border: 1px solid #707070; display: inline-block; padding: 12px 30px;}
.profile-detail .btn-outline img{margin: 0 10px 0 0;}
.profilelink{margin: 15px 0 30px; border-bottom: 2px solid #e5e5e5; padding: 0 0 20px; text-align: center;}
.profilelink li{font-family: "Poppins", sans-serif; font-size: 18px; padding: 8px 0;}
.profilelink li a{color: #7F7F7F; display: block; padding: 12px 0; position: relative;}
.profilelink li a:after{position: absolute; content: ""; height: 0; width: 4px; top: 0; right: -40px; background-color: #FC6736; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.profilelink li a:hover{color: #000000;}
.profilelink li a.active{color: #000000; font-weight: 600;}
.profilelink li a.active:after{height:100%}
.followus{text-align: center;}
.followus h4{font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; margin: 0 0 20px;}
.followus ul{display: flex; align-items: center; justify-content: center; margin: 0 0 43px;}
.followus ul li{padding: 0 4px;}
.followus .btn-outline{padding: 12px 15px; border: 1px solid #707070; background-color: #FFF4F1;}
.followus .btn-outline img{margin: 0 0 0 10px;}
.followus .btn-outline:hover img{filter: brightness(0)}
.followus .btn-outline::before{background-color: #FC6736;}

.progress-section{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 10px;}
.company-progress{width: 76.3%; padding: 0 10px 0 0;}
.company-progress ul{display: flex; align-items: center; flex-wrap: wrap; margin:-5px;}
.company-progress ul li{width: 33.33%; padding:5px;}
.progressbox{background-color: #ffffff; border-radius: 8px; padding: 17px 20px;}
.progressbox span{display: block; color: #7F7F7F; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; margin-bottom: 1px;}
.progressbox strong{display: block; color: #0C2D57; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 600;}

.profile-progress.followus{background-color: #ffffff;}
.profile-progress.followus ul{margin: 0;}

.profile-progress{width: 23.7%; background-color: #C8DDF89C; border-radius: 8px; text-align: center; padding: 15px 15px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.profile-progress strong{display: block; font-family: "Poppins", sans-serif; color: #000000; font-size: 15px; font-weight: 500; padding: 8px 0 0;}
.profile-progress > a{display: inline-block; font-family: "Poppins", sans-serif; color: #FC6736; font-size: 13px; font-weight: 500;}

.tag{display: flex; align-items: flex-start;}
.tag h4{color: #7F7F7F; opacity: 0.8; font-size: 15px; margin: 0 25px 0 0; font-family: "Poppins", sans-serif; padding: 6px 0px;}
.tag ul{display: flex; align-items: center; flex-wrap: wrap; gap:10px;}
.tag ul li{border: 1px solid #c8c8ca; border-radius: 80px; background-color: #f7f7fa; color: #FC6736; font-family: "Poppins", sans-serif; font-size: 12px; padding: 5px 12px;}

.profile-title{display: flex; align-items: center; justify-content: space-between; margin: 0 0 30px;}
.profile-title h3{font-family: "Poppins", sans-serif; color: #000000; font-size: 20px; font-weight: 600; margin: 0;}
.profile-title h3 img{margin: 0 10px 0 0;}
.profile-title .btn-outline, .orangeoutline{color:#FC6736; padding: 12px 20px; border: 1px solid #FC6736;}
.profile-title .btn-outline img, .orangeoutline img{margin: 0 10px 0 0;}

.orange-outline{color:#FC6736; padding: 12px 20px; border: 1px solid #FC6736;}
.aboutcompany p{font-family: "Poppins", sans-serif; color: #000000; font-size: 16px; line-height: 23px; font-weight: 400; margin: 0 0 20px;}
.aboutcompany p img{margin: 0 8px 0 0;}
.aboutcompany p:last-child{margin:0;}
.aboutcompany h5{font-family: "Poppins", sans-serif; color: #000000; font-size: 16px; line-height: 23px; font-weight: 600; margin: 0;}

.branchsection{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -11px;}
.branchbox{width: 50%; padding: 0 11px 22px;}
.branchcontent{-webkit-box-shadow: 0px 0px 3px #79829233; box-shadow: 0px 0px 3px #79829233; border-radius: 8px; border: 0.5px solid #C4D2E6; padding: 26px 20px 20px;}
.branchaddress{position: relative; padding:8px 0 8px 109px; margin:0;}
.branchaddress figure{height: 89px; width: 89px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0;}
.branchaddress h4{font-family: "Poppins", sans-serif; color: #000000; font-size: 20px; line-height: 30px; font-weight: 600; margin: 0;}
.branchaddress p{font-family: "Poppins", sans-serif; color:#7F7F7F; font-size:15px; line-height: 22px; font-weight: 500; margin: 0;}
.owner-detail{position: relative; margin: 48px 0 10px; border-radius: 8px; background-color: #F8F8FB; padding: 23px 25px; text-align: center;}
.owner-detail figure{height: 70px; width: 70px; border-radius: 50%; overflow: hidden; margin:-48px auto 10px auto;}
.owner-detail > strong{display: block; font-family: "Poppins", sans-serif; color: #000000; font-size: 15px; font-weight: 600; margin: 0 0 15px;}
.owner-detail > strong span{display: block; color: #7F7F7F; font-size: 14px; font-weight: 500;}
.owner-detail p{margin: 0; font-family: "Poppins", sans-serif; color: #000000; font-size: 14px; line-height: 24px; font-weight: 500;}
.owner-detail p b{color: #7F7F7F; font-weight: 500;}

.branch-btn{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.branch-btn .btn-outline{width: 50%; border: 1px solid #CCCCCC; border-radius: 8px; color: #FC6736;}
.branch-btn .btn-outline img{margin: 0 12px 0 0;}


.photosection h5{font-family: "Poppins", sans-serif; color: #000000; font-size: 18px; line-height: 27px; font-weight: 600; margin:0 0 10px;}
.photolist{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -7px 36px;}
.photolist li{width: 20%; padding: 0 7px; position:relative;}
.videolist{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -17px 30px;}
.videolist li{width: 33.33%; padding: 0 17px; position:relative;}
.videolist li figure{-webkit-box-shadow: 0px 0px 10px #00000017; box-shadow: 0px 0px 10px #00000017; border-radius: 8px; padding: 4px; position: relative;}
.videolist li figure .videobtn{position: absolute; display: flex; align-items: center; justify-content: center; left: 0; top: 0; right: 0; bottom: 0;}
.videolist li figure iframe{width: 100%; height: 185px;}

.openjobbox{position: relative; padding: 0 0 24px 107px; min-height: 90px; margin: 0 0 24px; border-bottom: 2px solid #f2f2f2;}
.openjobbox:last-child{border-bottom:none; margin: 0; padding-bottom: 0;}
.openjobbox figure{height: 82px; width: 82px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0;}
.openjobbox .postdate{display: inline-block; font-family: "Poppins", sans-serif; font-size: 12px; line-height: 22px; color: #E89A00; background-color:#ECAE3342; border-radius: 80px; padding: 3px 10px; margin: 0 0 5px;}
.openjobbox h4{font-family: "Poppins", sans-serif; font-size: 16px; line-height: 22px; font-weight: 600;}
.openjobbox h4 a{color:#FC6736;}
.openjobbox h5{color:#7F7F7F; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 22px; font-weight: 500;}
.openjobbox ul{display: flex; align-items: center; flex-wrap: wrap;}
.openjobbox ul li{color:#000000; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 22px; font-weight: 500; padding: 0 30px 5px 0;}
.openjobbox ul li img{margin: 0 5px 0 0;}
.openjobbox ul li:last-child{padding-right:0;}

.job-title{display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin: 0 0 20px;}
.job-title h2{font-family: "Poppins", sans-serif; font-weight:600; font-size: 30px; color: #000; margin: 0;}
.job-title h2 span{display: block; font-size: 20px; line-height: 30px; font-weight: 400;}
.btn-group .btn-outline{color: #FC6736; border: 1px solid #FC6736;}
.btn-group .btn-fill{margin: 0 0 0 10px;}
.btn-group .btn-fill img{margin: 0 10px 0 0;}
.btn-group .btn-fill:hover img{filter: brightness(0);}

.job-serach-bar{background-color: #0C2D57; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding:0 13px 0 0; margin: 0 0 28px;}
.job-serach-bar ul{display: flex; align-items: center;}
.job-serach-bar ul li{font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 400; color:#FFFFFF; padding: 0 0 0 36px;}
.job-serach-bar ul li a{color:#FFFFFF; text-decoration: none; position: relative; padding: 25px 0px; display: block;}
.job-serach-bar ul li a:after{position: absolute; content: ""; bottom: 0; left: 0; background-color:#FC6736; width: 0; height: 4px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.job-serach-bar ul li a b{font-weight: 400; color:#FC6736;}
.job-serach-bar ul li.active a{font-weight: 600;}
.job-serach-bar ul li a:hover:after, .job-serach-bar ul li.active a:after{width: 100%;}
.job-serach-bar select.form-control{width: 475px; border: none; border-radius: 8px; height: 50px; font-family: "Poppins", sans-serif; font-size: 16px; color: #707070; background-image: url("../images/arrow-down-icon.svg"); background-repeat: no-repeat; background-position:96% center; padding-right: 28px;}
.job-serach-bar select.form-control:focus{border: none; box-shadow: none;}

.candidate-section{background-color: #fff; border-radius: 8px; margin: 0 0 20px; padding:30px; font-family: "Poppins", sans-serif;}
.candidate-title{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.job-location{position: relative; padding: 0 0 0 85px; margin: 0; width: 70%;}
.job-location figure{height: 63px; width: 63px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0;}
.job-location strong{display: block; color: #0C2D57; font-size: 18px; font-weight: 600; line-height: 30px;}
.job-location span{display: block; color: #000000; font-size: 16px; line-height: 22px; font-weight: 500; margin: 0 0 8px;}
.job-location p{color: #7F7F7F; font-size: 16px; line-height: 22px; font-weight: 400;}
.acctionlist{width:30%; display: flex; align-items: center; justify-content: flex-end;}
.acctionlist li{margin: 0 0 0 10px;}
.acctionlist li a{border: 1px solid #7F7F7F; width:40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}


.job-row{display: flex; align-items: flex-start;}
.postdetail-section{width: 55%; padding: 0 32px 0 85px;}
.postlist{display: flex; align-items: center; margin: 10px -7px 10px;}
.postlist li {padding: 0 7px 15px; flex: 1 1 auto;}
.postlist li > div{position: relative; border-radius: 8px; padding: 9px 10px 9px 45px;}
.postlist li img{position: absolute; left: 16px; top: 15px;}
.postlist li span{display: block; font-size: 14px; line-height: 18px; font-weight: 400; color: #7F7F7F;}
.postlist li strong{display: block; font-size: 15px; line-height: 22px; font-weight: 600; color: #000;}
.postlist li .postno{border: 1px solid #ffd133;}
.postlist li .experience{border: 1px solid #81d97d;}
.postlist li .interviewtype{border: 1px solid #ff7168;}
.postlist li .salary{border: 1px solid #5fc4f9;}

.postapplied{display: flex; flex-wrap: wrap; margin: 0 -5px 0;}
.postapplied li{width: 33.33%; padding: 0 5px 10px}
.postapplied li > div{border-radius: 8px; background-color: #F7F7F7; padding:13px 10px 13px 48px; position: relative;}
.postapplied li.active > div{background-color:#FC6736;}
.postapplied li.active img{filter: brightness(10);}
.postapplied li.active span, .postapplied li.active strong{color: #ffffff;}
.postapplied li img{position: absolute; left: 18px; top: 17px;}
.postapplied li span{color: #8e8e8e; font-size: 15px; font-weight: 400;}
.postapplied li strong{color: #0C2D57; font-size: 15px; font-weight: 600;}

.top-match{background-color:#7F7F7F0F; border-radius: 8px; padding: 18px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-left: 20px; width: 19%; min-height: 274px;}
.top-match h4{color: #000; font-size: 18px; line-height: 22px; font-weight: 600;}
.top-match ul{display: flex; align-items: center; justify-content: center;}
.top-match ul li{margin: 0 0 0 -22px;}
.top-match ul li:first-child{margin:0;}
.top-match ul li figure{height: 56px; width: 56px ; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2px; background-color: #fff; overflow: hidden;}
.top-match ul li figure.countmatch{background-color:#BFEEF9; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; color:#0C2D57; font-size: 14px; line-height: 18px; font-weight: 600;}
.job-status{background-color:#7F7F7F0F; border-radius: 8px; padding: 20px 20px; margin-left: 20px; min-height: 274px; width: 23.5%;}
.job-status h4{color: #000; font-size: 16px; line-height: 22px; font-weight: 600; margin: 0 0 20px;}
.job-status ul{display: flex; justify-content: space-between; padding: 0 0 12px;}
.job-status ul li{width: 50%; position: relative; padding: 0 0 12px 38px;}
.job-status ul li img{position: absolute; left: 0; top: 5px;}
.job-status ul li span{display: block; font-size: 14px; line-height: 22px; font-weight: 400; color: #7F7F7F;}
.job-status ul li strong{display: block; font-size: 16px; line-height: 22px; font-weight: 600; color: #000;}
.countdown{background-color: #FFF4F1; border: 1px solid #7F7F7F3D; border-radius: 8px; padding:9px 0; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 0 15px;}
.countdown > div{width: 25%; padding: 0 10px; position: relative;}
.countdown > div:after{position: absolute; content: ":"; font-size: 24px; line-height: 22px; font-weight: 600; color: #000; top: 10px; right: 4px;}
.countdown > div:last-child:after{display: none;}
.countdown strong{font-size: 24px; line-height: 22px; font-weight: 600; display: block; color: #000;}
.countdown span{display: block; font-size: 11px; line-height: 12px; color: #7F7F7F; padding: 5px 0 0 0;}
.job-status select.form-control{border: 1px solid #7F7F7F3D; border-radius: 8px; height: 50px; font-family: "Poppins", sans-serif; font-size: 16px; color: #707070; background-image: url("../images/arrow-down-icon.svg"); background-repeat: no-repeat; background-position:96% center;}
.job-status select.form-control:focus{border: none; box-shadow: none;}

.candidate-section .tag{padding:20px 0 30px 0;}
.viewcandidatebtn .btn-outline{background-color: #FFFCFB; border: 1px solid #FC673673; border-radius: 8px; color: #FC6736;}
.candidate-job-section{background-color: #fff; border-radius: 8px; margin: 0 0 20px; padding: 30px; font-family: "Poppins", sans-serif;}
.candidate-job-section .job-row{justify-content: space-between; align-items: inherit;}
.candidate-job-section .top-match {margin-left: 0; width: 19%; min-height: inherit;}
.candidate-job-section .postlist li{flex: inherit;}
.candidate-job-section .postlist li > div{padding: 5px 10px 5px 45px;}
.candidate-job-section .postlist li .postno{border: 1px solid #D965A7;}
.candidate-job-section .postlist li .postno strong, .candidate-job-section .postlist li .postno span{color: #D965A7;}
.candidate-job-section .postlist li .experience{border: 1px solid #34A853;}
.candidate-job-section .postlist li .experience strong, .candidate-job-section .postlist li .experience span{color: #34A853;}
.candidate-job-section .postlist li .interviewtype{border: 1px solid #F9AB00;}
.candidate-job-section .postlist li .interviewtype strong, .candidate-job-section .postlist li .interviewtype span{color: #F9AB00;}
.candidate-job-section .postlist li .salary{border: 1px solid #1967D2;}
.candidate-job-section .postlist li .salary strong, .candidate-job-section .postlist li .salary span{color: #1967D2;}

.candidate-job-section .postlist li img{top: 8px;}
.candidate-job-section .postlist li span{display: inline-block;}
.candidate-job-section .postlist li strong{display: inline-block;}
.candidate-job-section .job-location{width: 100%; padding: 0 0 0 0;}
.candidate-job-section .postdetail-section{width: 70%; padding: 0 30px 0 0;}
.candidate-job-section .postapplied li{width: 25%; padding: 0 5px 15px;}
.candidate-job-section .postapplied li > div{background-color: transparent; padding: 0 10px 0 32px;}
.candidate-job-section .postapplied li img{position: absolute; left: 0; top: 3px;}

.styled-selectors{position:relative; font-family: "Poppins", sans-serif;}
.styled-selectors input[type=checkbox]:not(old), .styled-selectors input[type=radio]:not(old):not(.style_none_checkbox){width:28px; margin:0; padding:0; opacity:0; position:absolute; left:-1px; cursor:pointer;}
.styled-selectors input[type=checkbox]:not(old)+label, .styled-selectors input[type=radio]:not(old)+label{display:inline-block; margin:0; color: #FFFFFF; font-size: 16px; font-weight: normal; padding: 5px 0 5px 40px; cursor:pointer;}
.styled-selectors input[type="checkbox"]:not(old) + label{background:url(../images/uncheck.png) no-repeat; background-position:0px 3px;}
.styled-selectors input[type="checkbox"]:checked + label{background:url(../images/check.png) no-repeat; background-position:0px 3px;}
.styled-selectors input[type="radio"]:not(old) + label{background:url(../images/radio-uncheck.svg) no-repeat; background-position:0px 6px;}
.styled-selectors input[type="radio"]:checked + label{background:url(../images/radio-check.svg) no-repeat; background-position:0px 6px;}

.select-all{width: 15%; padding: 0px 0px 0px 30px;}
.export-section{width: 85%; display: flex; align-items: center; justify-content: flex-end; padding: 12px 0px;}
.sortby{display: flex; align-items: center; padding:0 29px 0 10px;}
.sortby span{color: #FFFFFF; font-size: 16px; font-weight: normal; padding: 0 10px 0 0;}
.job-serach-bar .sortby select.form-control{width: 222px;}
.export-section .styled-selectors {padding: 0 30px 0 0;}

.candidatebox{display: flex; flex-wrap: wrap; background-color: #fff; border-radius: 8px; margin: 0 0 20px; padding: 30px; font-family: "Poppins", sans-serif;}
.candidatebox.successborder{border: 1px solid #2EAB36;}
.candidatebox.dangerborder{border: 1px solid #FC6736;}
.candidateboxleft{width: 254px; position: relative; padding: 0 0 0 60px; display: flex; justify-content: space-between; flex-direction: column;}
.candidateboxright{width: calc(100% - 254px); position: relative; padding: 0 0 0 44px;}
.candidateboxleft .styled-selectors{position: absolute; left: 0; top: 0;}
.candidateimg{position: relative;}
.candidateimg figure{width: 191px; height: 195px; overflow: hidden; border: 1px solid #7070704D; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 0 15px;}
.candidatebox.successborder .candidateimg figure{border: 1px solid #2EAB36;}
.candidatebox.dangerborder .candidateimg figure{border: 1px solid #FC6736;}
.candidatebox.dangerborder .candidateimg figure img{filter: blur(4px);}
.candidateimg .toptag{position: absolute; bottom: 4px; left: -8px;}
.candidateprofile strong {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; color: #0C2D57; font-size: 18px; font-weight: 600; text-align: center;}
.unlockprofile{border-radius: 5px; background-color: #7F7F7F0D; padding: 20px; min-height: 130px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.unlockprofile h5{font-size: 24px; line-height: 24px; font-weight:500;}
.unlockprofile figure{margin: 0 0 5px;}
.unlockprofile .text-green{color: #2EAB36;}
.unlockprofile strong{font-size: 20px; line-height: 30px; color: #707070; font-weight: 500; text-align: center;}
.unlockprofile span{font-size: 14px; color: #707070; font-weight: 500;}
.unlockprofile span.text-green{font-size: 15px;}

.candidate-keyfeature{display: flex; /*align-items: flex-start;*/ justify-content: space-between; flex-wrap: wrap;}
.candidate-keyfeature ul{display: flex; flex-wrap: wrap; padding: 0 0 0 30px; width:calc(100% - 192px);}
.candidate-keyfeature ul li{width: 33.33%; position: relative; padding: 0 10px 24px 36px;}
.candidate-keyfeature ul li figure{position: absolute; left: 0; top: 0;}
.candidate-keyfeature ul li span{display: block; font-size: 16px; font-weight: 500; color:#7f7f7f;}
.candidate-keyfeature ul li span img{margin: 0 0 0 8px;}
.candidate-keyfeature ul li strong{display: block; font-size: 16px; font-weight: 500; color: #0C2D57;}

.other-skill{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.progressbar-section{width: calc(100% - 192px); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-radius:5px 0 0 5px; background-color: #D9ECDB42; padding:30px 15px;}
.progressrow{width: 50%; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; margin:10px 0 10px 0;}
.progressrow strong{width: 33.5%; padding: 0 10px 0 0; color: #0C2D57; font-size: 15px; font-weight: 500; display: block; text-align: right;}
.progressrow .progress{width: 66.5%; max-width: 100%; border: 1px solid #0C2D5733; border-radius: 80px; background-color: #fff; height: 32px; padding: 2px;}
.progressrow .progress-bar.bg-runing{background: linear-gradient(to right, rgba(23,155,214,1) 0%,rgba(26,183,252,1) 100%); border-radius: 80px;}
.candidatebox.dangerborder .progressbar-section{background-color: #fff9f7;}

.pie-title-center{display: inline-block; position: relative; text-align: center; font-family: "Poppins", sans-serif; font-size: 0;}
.pie-value{position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 14px; font-weight: 600; color: #0C2D57; display: flex; align-items: center; justify-content: center; margin: auto;}
.appliedchart-section{text-align: center; width: 192px; padding: 0px 0 0 20px; position: relative;}
.appliedchart-section > span{display: block; background-color: #E7FBE8; border-radius: 8px; color: #2EAB36; font-size: 16px; font-weight: 500; padding: 10px 10px; text-align: center; min-width: 148px; margin: 10px 0 0 0;}
.appliedchart-section > span img{margin: 0 5px 0 0;}
.scorechart-section{text-align: center; width: 192px; background-color: #eaf4ec; padding:22px; border-radius: 5px;}
.scorechart-section > span{display: block; font-size: 15px; font-weight: 600; color: #0C2D57; margin: 5px 0 0 0;}
.assessment-msg{border: 1px solid #7F7F7F66; border-radius: 5px; background-color: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height:100%;}
.candidatebox.dangerborder .scorechart-section{background-color: #fbf1ee;}

.scorecard-section{background-color: #7F7F7F0D; padding:22px; border-radius: 5px;}
.scorecard-row{display: flex; flex-wrap: wrap; width:calc(100% - 192px);}
.scorecard-section ul{width: 33.33%;}
.scorecard-section ul li{font-size: 15px; font-weight: 400; color: #7f7f7f; position: relative; padding: 0 0 10px 28px;}
.scorecard-section ul li:after{position: absolute; content: ""; left: 0; top: 5px; height: 12px; width: 12px; background: url("../images/list-bg.svg") no-repeat;}
.scorecard-section ul li strong{font-weight: 600; color: #FC6736;}


.pagination{justify-content: center; margin: 40px 0 10px;}
.pagination ul{display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.pagination ul li.page-item{padding:5px;}
.pagination ul .page-item .page-link{border-radius: 50%; border: 1px solid #E1E1E1; height: 44px; width: 44px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #5B5B5B; background-color: #fff;}
.pagination ul .page-item .page-link.active{border: 1px solid #FC6736; color: #FC6736;}
.pagination ul .page-item:first-child .page-link, .pagination ul .page-item:last-child .page-link{border: 1px solid #0C2D57;}

#buyprofile .modal-dialog{width: 810px; max-width: 100%; font-family: "Poppins", sans-serif;}
#buyprofile .modal-header{border: none; padding:20px 30px 0;}
#buyprofile .modal-title{font-size: 30px; margin: 0; font-weight: 600; color: #000;}
.buyprofile{display: flex; flex-wrap: wrap; padding: 30px;}
.profile-left{width: 58.5%; padding: 0 30px 0 0;}
.profile-left ul{background-color:#f7f7f7; border-radius: 8px; padding: 4px; margin: 0 0 22px;}
.profile-left ul li{border-bottom: 1px solid #f7f7f7; font-size: 16px; font-weight: 500; display: flex; align-items: center;}
.profile-left ul li span{color: #7F7F7F; width: 45%; padding: 23px 20px;}
.profile-left ul li strong{color: #000000; font-weight: 500; width: 55%; background-color: #fff; padding: 23px 20px;}
.profile-left ul li:last-child{border-bottom:none;}
.profile-left > p{font-size: 13px; line-height: 18px; font-weight: normal; color: #7F7F7F; margin: 0; text-align: center;}
.profile-left > p span{color: #2eab36;}
.profile-right{width: 41.5%;}
.walletbox{background:#f7f7f7; border-radius: 8px; padding: 35px 30px 30px; margin: 0 0 22px;}
.walletbalance {padding: 0 0 0 100px; position: relative; min-height: 60px; margin: 0 0 30px;}
.walletbalance figure{position: absolute; left: 15px; top: 0;}
.walletbalance strong{display: block; font-size: 24px; font-weight: 700; color: #000;}
.walletbalance span{display: block; font-size: 18px; font-weight: 500; color: #7F7F7F;}
.walletbox .btn-outline{color: #FC6736; border: 1px solid #FC6736;}
.walletbox .btn-outline::before{background-color: #FC6736;}
.walletbox .btn-outline:hover{color: #fff;}
.profile-right .btn-fill{margin: 0 0 33px;}
.profile-right > p{font-size: 13px; line-height: 18px; font-weight: normal; color: #7F7F7F; margin: 0; text-align: center;}
.profile-right > p span{color:#FC6736;}

.download-resume{font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; line-height: 17px; color: #FC6736; border: 1px solid #FC6736; border-radius: 8px; display: inline-block; padding: 7px 7px 7px 40px; text-align: left; position: absolute; left: 0; bottom: 0;}
.download-resume img{position: absolute; left: 7px; top: 0; bottom: 0; margin: auto;}

.education-section{font-family: "Poppins", sans-serif; margin: 0 0 25px; padding: 0 0 20px; border-bottom: 1px solid #e5e5e5;}
.education-section:last-child{margin:0; padding:0; border-bottom:none;}
.education-detail{display: flex; flex-wrap: wrap; margin: 0 -10px 20px; }
.education-detail li{width: 20%; padding: 0 10px;}
.education-detail li span{display: block; font-size: 16px; font-weight: 400; color: #7f7f7f;}
.education-detail li strong{display: block; font-size: 16px; font-weight: 500; color:#0C2D57;}
.education-section p{color: #000000; font-size: 15px; line-height: 23px; font-weight: 400; margin: 0;}

.institutename {margin: 0 0 15px; display: flex; align-items: flex-start;}
.institutename h4{font-size: 15px; font-weight: 600; color: #000;}
.institutename h4 strong{display: block; font-size: 15px; font-weight: normal; color: #d52013; margin: 10px 0 0;}

.tag-section{margin: 20px 0 0;}
.tag-section h4{font-size: 16px; font-weight: 500; margin: 0 0 10px;}

.radiostyle-selector{display: flex; align-items:center; flex-wrap: wrap; margin: 0 0 35px;}
.radiostyle-selector .styled-selectors{width: 20%;}
.radiostyle-selector .styled-selectors input[type="checkbox"]:not(old) + label, .radiostyle-selector .styled-selectors input[type="radio"]:not(old) + label {color: #000; font-size: 15px; padding: 5px 10px 5px 30px;}
.radiostyle-selector .styled-selectors input[type="radio"]:not(old) + label{background: url(../images/radio-uncheck1.svg) no-repeat; background-position: 0px 8px;}
.radiostyle-selector .styled-selectors input[type="radio"]:checked + label{background: url(../images/radio-check1.svg) no-repeat; background-position: 0px 8px;}

.internal-note textarea.form-control{border: 1px solid #7F7F7F80; border-radius: 8px; height: 134px; resize: none;}
.viewall-row{font-family: "Poppins", sans-serif; display: flex; align-items: center; justify-content: space-between; margin: 20px 0 0;}
.viewall-row .viewallnote{font-size: 16px; color: #FC6736; font-weight: 500;}
.viewall-row .viewallnote img{margin: 0 0 0 5px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.viewall-row .viewallnote.collapsed img{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.viewall-row .btn-fill {font-weight: 500; padding: 12px 43px;}

.messagelist{margin: 25px 0 0; border-radius: 8px; background-color:#FBFBFB;}
.messagebox{font-family: "Poppins", sans-serif; padding: 20px; border-bottom: 1px solid #e1e1e1;}
.messagebox:last-child{border-bottom: none;}
.messagebox h4{color: #2EAB36; font-size: 14px; line-height: 23px; display: flex; margin: 0 0 5px;}
.messagebox h4 img{margin: 0 5px 0 0; width: 16px;}
.messagebox p{font-size: 15px; line-height: 23px; color: #000000; margin: 0 0 10px;}
.messagebox span{display: block; font-size: 14px; line-height: 23px; color: #7F7F7F;}

.question{font-size: 16px; font-weight: 600; color: #000000; margin:0 0 15px;}
.answer{margin:0 0 30px; font-family: "Poppins", sans-serif;}
.answer.border-bottom{margin:0 0 30px; padding: 0 0 30px;}
.answer.border-bottom ul li{color: #000000;}
.answer ul, .answer ol{display: flex; flex-wrap: wrap; padding: 0 0px 0px 20px;}
.answer ul{padding:0;}
.answer ul li, .answer ol li{width: 33.33%; font-size: 15px; color: #818181; padding: 0 0 5px 0;}
.answer ul li span, .answer ol li span{color: #000000; padding-left: 5px;}
.answer.singleline ul li, .answer.singleline ol li{width: auto; padding-right: 30px;}
.answer .text-green{color:#2EAB36;}
.answer .text-red{color:#d52013;}
.answer.answerlist ul li, .answer.answerlist ol li{width: 100%; padding-bottom: 10px;}

.appliedchart-section > span{background-color: #f8f8f8; color:#0C2D57;}
.actionbtn{display: flex; align-items: center;}
.actionbtn a{border: 1px solid #7F7F7F; border-radius: 50%; width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center; margin: 0 0 0 8px;}
.actionbtn a img{margin: 0;}

.edit-social-link{margin: 20px auto 0; font-family: "Poppins", sans-serif; color: #FC6736; padding: 12px 15px; max-width: 185px;}
.edit-social-link img{margin: 0 5px 0 0;}

.profile-learnmore{font-family: "Poppins", sans-serif; margin: 10px 0 0;}
.profile-learnmore strong{display: block; font-size:15px; font-weight: 500; line-height: 18px; color: #000000;}
.profile-learnmore a{display: inline-block; font-size: 13px; line-height: 18px; font-weight: 500; color: #FC6736;}

.institutename .actionbtn{margin: -10px 0 0 10px;}
.resumebox, .videobox{font-family: "Poppins", sans-serif; border-radius: 8px; background-color:#F8F8FB; text-align: center; padding: 25px 15px;}
.resumebox .actionbtn, .videobox .actionbtn{justify-content: center;}
.resumebox figure, .videobox figure{margin: 0 0 5px;}
.resumebox span, .videobox span{color: #707070; font-size: 13px; display: block; padding: 0 0 15px;}

.postjob-section{height: auto;}
.postjob-row{display: flex; flex-wrap: wrap; padding: 60px 0 120px; position: relative; z-index: 1;}
.postjob-left{width: 28%; border-radius: 10px 0px 0px 10px; background-color: #042950; padding:30px;}
.postjob-left h2{font-family: "Poppins", sans-serif; font-weight: 600; font-size: 24px; background: linear-gradient(to right, #fa6838, #977b7f, #6d9fc3, #3ab4f5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 30px;}
.postjobbox{font-family: "Poppins", sans-serif;}
.postjobbox h4{font-size: 18px; line-height: 23px; font-weight: 500; color: #FFFFFF; margin: 0 0 5px;}
.postjobbox h4 img{margin: 0 0 0 8px;}
.postjobbox p{font-size: 14px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,0.8); margin: 0 0 25px; padding: 0 0 0 25px; position: relative;}
.postjobbox p img{position: absolute; left: 0; top: 8px;}
.postjob-right{width: 72%; border-radius: 0 10px 10px 0; background-color: #103862; position: relative; padding: 95px 0 120px;}
.chat-top{background-color: #1d436b; font-family: "Poppins", sans-serif; border-radius: 0 10px 0px 0; display: flex; align-items: center; justify-content: space-between; padding:16px 30px; position: absolute; left: 0; right: 0; top: 0;}
.chat-top .btn-fill img{margin: 0 8px 0 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.chat-top .btn-fill:hover img{filter: brightness(0);}
.chat-top h3{font-size: 20px; font-weight: 500; line-height: 30px; color: #FFFFFF; margin: 0; display: flex; align-items: center;}
.chat-top h3 img{margin: 0 10px 0 0;}
.chat-top .refreshchat{font-size: 15px; font-weight: 500; color: #FFFFFF; background-color:#0C2D57; border-radius: 80px; padding: 9px 15px;}
.chat-top .refreshchat img{margin: 0 10px 0 0;}
.chat-bottom{background-color: #103862; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 30px 30px;}
.messagechatbox{position: relative;}
.messagechatbox textarea.form-control{border-radius: 5px; background-color: #456485; resize: none; border: none; height:70px; box-shadow: none; color: #FFFFFF; font-family: "Poppins", sans-serif; font-size: 18px; padding-right: 90px;}
.messagechatbox textarea.form-control::-moz-placeholder{color: #fff;}
.messagechatbox textarea.form-control::placeholder{color: #fff;}
.messagechatbox .btn-fill{border-radius: 5px; position: absolute; right: 0; top: 0; height: 70px; width: 70px; padding: 0;}
.chat-bottom > .btn-fill{margin: auto; max-width: 170px;}
.messagechatbox .btn-fill img{-moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.messagechatbox .btn-fill:hover img{filter: brightness(0);}
.postjobbtn{width: 100%; margin: 35px 0 0; display: flex; justify-content: center;}

.post-newjob{max-height: 500px;}
.postjob-step3 .postjob-left{width: 50%;}
.postjob-step3 .postjob-right{width: 50%; background-color: #1d436b;}

.chat-center{padding: 0 30px; max-height: 410px;}
.chat-center .mCSB_inside > .mCSB_container{margin-right: 20px;}
.chat-center .receive-msg{display: flex; align-items: flex-start; justify-content: flex-start; margin: 0 0 5px; max-width: 100%; position: relative; padding:0 0 0 45px;}
.chat-center .receive-msg figure {position: absolute; left: 0; top: 0;}
.chat-center .receive-msgbox{border-radius:10px; background-color: #042950; padding: 8px 15px; max-width: 100%; margin-right: 5px;}
.chat-center .receive-msgbox p{font-size: 14px; margin: 0; color: #fff;}
.jobindustry {margin:0;}
.jobindustry label{display: block; color: #fff; margin:0; font-size: 14px;}
.jobindustry ul{display: flex; flex-wrap: wrap;}
.jobindustry ul li{padding:0;}
.jobindustry .styled-selectors input[type="checkbox"]:not(old) + label, .jobindustry  .styled-selectors input[type="radio"]:not(old) + label {color: #b1bbc8; font-size: 15px; padding: 5px 0 5px 28px;}
.jobindustry .styled-selectors input[type="radio"]:not(old) + label{background-position: 0px 8px; background-size: 18px;}
.jobindustry .styled-selectors input[type="radio"]:checked + label{background-position: 0px 8px; background-size: 18px;}
.jobindustry .from-group{margin:0;}
.jobindustry .from-group .form-control{box-shadow: none; border:none; border-radius: 8px; height: 40px; font-family: "Poppins", sans-serif; font-size: 16px; color: #707070; background-image: url("../images/arrow-down-icon.svg"); background-repeat: no-repeat; background-position: 96% center; min-width: 220px;}


.chat-center .sent-msg{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row-reverse; margin:20px 0; position: relative; padding:0 45px 0 0;}
.chat-center .sent-msg figure {position: absolute; right: 0; top: 0;}
.chat-center .sent-msgbox{border-radius:10px; background-color: #124f7a; padding: 8px 15px; margin-right: 10px;}
.chat-center .sent-msgbox p{font-size: 14px; margin: 0; color: #fff;}
.postjob-right .texteditor{text-align: center; padding: 0px 0px 20px;}

.loginbox .password{color: #fff; text-decoration: none;}
.loginbox .createaccount{color: #fff; text-decoration: underline;}
.loginbox .viewpassword{position: absolute; top: 22px; right: 15px; filter: brightness(10);}


.photolist .confirm_box, .videolist .confirm_box{position: absolute; right: 0; top: 0; background-color: #fff; border-radius: 50%; height: 30px; width: 30px; display: flex; text-align: center; justify-content: center; align-items: center;}
.photolist li .confirm_box{right: 15px; top: 10px;}
.videolist li .confirm_box{right: 27px; top: 10px;}

.default-form .form-group{margin: 0px 0px 25px 0px;}
.default-form .form-group label{display: block; padding:0 0 5px; color: #000000; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 500;}
.default-form .form-group label b{color: #ff0000; font-weight:normal;}
.default-form .form-group .form-control{box-shadow: none; height:50px; background-color: #f7f7f7;}
.default-form .form-group .form-control:focus{border-color:#dee2e6;}
.default-form .form-group select.form-control{background-image: url("../images/arrow-down-icon.svg"); background-repeat: no-repeat; background-position: 96% center;}
.default-form .button-group{display: flex; align-items: center; justify-content: space-between;}
.default-form .button-group button{margin:0 10px;}
.default-form .button-group .btn-outline, .default-form .button-group .btn-fill{padding: 10px 30px; min-width: 150px;}
.uploadtextmsg{font-size:13px; padding:5px 0 0;}
.editprofilemodal .modal-header{border:none; padding:15px 30px;}
.editprofilemodal .modal-body{ padding:0 30px 30px;}

.editprofilemodal .modal-header h5{font-size: 24px; margin: 0; font-weight: 600; color: #000;}

.customupload{position:relative; margin:0 0 5px; display: inline-block;}
.default-form .form-group .customupload #formFile.form-control{background-color: transparent; height: 89px; width: 89px; border-radius: 50%; padding: 0;}
.customupload .form-control::file-selector-button{opacity: 0;}
.customupload a{position:absolute; right:0; bottom:0; padding:8px; color: #fff; background-color: #FC6736; border-radius: 50%; pointer-events: none; height:30px; width:30px; display: flex; align-items: center; justify-content: center;}
.customupload a img{filter: brightness(10);}


/*price page css*/
.price-banner{background-color: #0C2D57; height: 294px; padding: 50px 0;}
.price-banner h1{color: #ffffff; font-family: "Poppins", sans-serif; font-size: 55px; font-weight: normal; text-align: center; margin: 0;}
.package-section{background-color:#F2F2F7; padding: 0 0 54px;}
.packagerow{display: flex; justify-content: center; gap: 24px;}
.packagebox{font-family: "Poppins", sans-serif; background-color:#ffffff; width: 421px; -webkit-box-shadow: 0px 0px 20px #0000000A; box-shadow: 0px 0px 20px #0000000A; border-radius: 8px; padding: 25px 0 0 0; margin-top: -120px; position: relative; z-index: 1;}
.packagebox .pricetag{display: block; font-size: 13px; line-height: 17px; font-weight: 500; color: #ffffff; background: url("../images/package-tag.svg") no-repeat; width: 101px; height: 86px; text-align: center; position: absolute; right: 10px; top: -10px; padding: 20px 0px}
.packagebox .pricetag b{display: block; font-size: 18px; line-height: 17px; font-weight: 600; color: #ffffff;}
.packagebox h2{font-size: 30px; font-weight: 600; color: #000000; margin: 0 0 25px; padding: 0 40px;}
.packagebox h5{font-size: 18px; font-weight: 600; color: #000000; margin: 0 0 15px; padding: 0 40px;}
.packagebox ul{min-height: 410px;}
.packagebox ul li{font-size: 18px; font-weight: 400; color: #000000; padding: 18px 18px 18px 70px; position: relative;}
.packagebox ul li:nth-child(2n+1){background-color: #fafafa;}
.packagebox ul li img{position:absolute; left: 40px; top: 25px;}


.buypackage{padding: 30px 40px; border-top: 2px solid rgba(238,238,238,0.3);}
.buypackage strong{display: block; font-size: 30px; font-weight: 600; color: #0C2D57; margin: 0 0 30px;}
.buypackage strong small{display: block; font-size:16px; font-weight: normal; color: #707070;}
.buypackage .btn-fill{width: 202px;}




@media (min-width:1339px){
.container{max-width: 1339px; margin: 0 auto;}
}
@media (min-width:768px){
.profile-section .left-section.collapse:not(.show){display: block;}
.collapse-profilebtn{display: none;}
}
@media (max-width:1534px){
.logo img{max-width: 170px;}
.header-main .navbar{margin-left: 20px;}
.header-main .navbar ul li:not(:last-child){margin-right: 20px;}
.header-main .header-right .btn{padding: 17px 20px;}
.banner-inner-section .banner-content{padding-right: 70px;}

.candidate-section{padding: 30px 20px;}
.job-status ul li strong{font-size: 14px;}
.countdown strong{font-size: 20px;}
.countdown span{font-size: 10px;}
.postdetail-section{width: 50%;}
.postlist{flex-wrap: wrap;}
.postapplied li{width: 50%;}
.job-status{width: 29%;}
.countdown > div::after{right: 0px;}
.top-match{width: 21%;}
}
@media (max-width:1338px){
.benifit-tabs .tab-content .img-inner-box{width: 520px; height: 520px;}
.benifit-tabs .nav{padding-left: 45px;}
.header-main .header-right .btn{font-size: 15px;}
.header-main .navbar ul li a{font-size: 16px;}
.header-main .navbar ul li:not(:last-child){margin-right: 20px;}
.banner-inner-section .banner-content{padding-right: 40px;}
	
.benifit-tabs .nav .nav-link{margin-bottom: 15px;}
.benifit-tabs .nav .nav-link.active{margin-bottom: 30px;}	
.left-section{padding: 40px 25px;}
.profilelink li a::after{right: -25px;}
.job-serach-bar ul li{padding: 0 0 0 25px;}
.postdetail-section{padding: 0 0 0 85px;}
.job-serach-bar select.form-control{width: 350px;}

.candidate-job-section .postdetail-section{width: 75%; padding: 0 20px 0 0;}
.candidate-job-section .top-match{width: 25%;}
.candidate-keyfeature ul li{width: 50%; padding: 0 10px 15px 36px;}
.progressrow{flex-wrap: wrap;}
.progressrow strong{width: 100%; text-align: left; padding-bottom: 5px;}
.progressrow .progress{width: 100%;}
.candidate-job-section .postapplied li{width: 33.33%;}
.scorecard-section ul{width: 50%;}

.education-detail{margin: 0 -5px 20px;}
.education-detail li{padding: 0 5px;}
.education-detail li strong{font-size: 15px;}
}
@media (max-width:1199px){
.header-main .navbar{position: fixed; left: -100%; top: 0 ;background-color: #000; margin: 0; width: 100%; height:100%; z-index: 3; display: initial; padding: 20px 20px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.header-main .navbar.show{left: 0;}
.header-main .navbar ul{display: block;}
.header-main .navbar ul li{padding: 0 0 25px; margin: 0;}
.header-main .navbar ul li:not(:last-child){margin-right: 0;}
.header-main .navbar ul li a{color: #fff; font-size: 16px;}
.hamburger{margin-left: 20px; position: relative; z-index: 4;}
.hamburger.is-active .line{background-color: #fff;}
.banner-section{padding: 30px 0 50px;}
.banner-inner-section .banner-img{bottom: 0;}	
	
.header-main .header-right .btn{font-size: 15px;}
.header-right .btn-fill, .header-right .btn-outline{padding: 12px 20px;}
.banner-inner-section{padding: 0 25px;}
.banner-inner-section .banner-content{width: 55%; padding-right: 30px;}
.banner-inner-section .banner-img{width: 45%;}
.banner-inner-section .banner-content h1{font-size: 38px;}
.banner-inner-section .banner-content p{font-size: 18px;}	
.banner-inner-section .banner-content .find-job .btn-outline, .banner-inner-section .banner-content .find-job .btn-fill{font-size: 16px; padding: 12px 20px 14px 20px;}
	
.trusted-company-section{padding: 65px 0 50px;}
.heading{font-size: 40px;}
.key-benifits-section{padding: 50px 0 40px;}
.benifit-tabs .nav .nav-link.active h2, .benifit-tabs .nav .nav-link h2{font-size: 20px;}
.benifit-tabs .nav .nav-link p{font-size: 15px;}
.benifit-tabs .nav .nav-link.active{padding: 15px 20px; margin-bottom: 25px;}
.benifit-tabs .nav .nav-link figure{width: 35px;}
.benifit-tabs .nav .nav-link > div{padding-left: 15px;}
.benifit-tabs .tab-content .img-inner-box{width: 435px; height: 435px;}
	
.how-it-work-section{padding: 50px 0 50px;}
.work-listing ul{margin: 40px -12px 0;}
.work-listing ul li{padding: 0 12px;}
.workbox{padding: 25px 15px;}
.workbox::after{bottom: -15px;}
.workbox figure img{width: 65px;}
.workbox h4{font-size: 22px; margin: 0 0 10px;}
.workbox p{font-size: 15px;}

.workforce-section{padding: 50px 0;}
.workforce-img {width: 45%;}
.workforce-content{width: 55%; padding: 0 0 0 50px;}
.workforce-content .heading{margin: 0 0 20px;}
.workforce-content p {font-size: 15px; line-height: 30px;}
.workforce-content ul li {font-size: 15px; line-height: 30px;}
.workforce-content ul{margin: 0 0 20px;}
.workforce-content .btn-outline, .workforce-content .btn-fill{padding: 12px 20px; min-width: 180px; font-size: 15px;}
	
.Choose-section p {font-size: 15px; line-height: 30px;}
.counterlist li strong {font-size: 40px;}
.counterlist li span{font-size: 16px; line-height: 22px;}

.findwork-section{padding: 50px 0 40px;}
.findwork-img{width: 40%;}
.findwork-content{width: 60%;}

.loginbox{width: 960px;}
.loginbox .back-btn{left: -90px; top: -45px;}


.left-section{width: 28%; padding: 40px 15px;}
.profile-detail figure{height: 150px; width: 150px;}
.profile-detail strong{font-size: 22px; line-height: 24px;}
.profile-detail strong span{font-size: 16px; line-height: 25px;}
.profilelink li {font-size: 16px; padding: 0 0;}
.profilelink li a::after{right: -15px;}
.right-section{width: 72%; padding: 0 0 0 25px;}
.company-progress ul li{width: 50%; padding: 5px;}
.profile-title .btn-outline{font-size: 14px;}
.branchbox{width: 100%; padding: 0 0 15px 0;}
.videolist li{padding: 0 10px;}


.job-row{flex-wrap: wrap; margin: 0px 0px 30px;}
.postdetail-section{width: 100%;}
.postapplied li{width: 33.33%;}
.top-match{width: 45%; margin: 0;}	
.job-status{width: 52.5%;}
.job-serach-bar ul li{padding: 0 0 0 20px; font-size: 15px;}

.candidate-job-section .postdetail-section{width: 70%; padding: 0 20px 0 0;}
.candidate-job-section .top-match{width: 30%;}
.styled-selectors input[type="checkbox"]:not(old) + label, .styled-selectors input[type="radio"]:not(old) + label {font-size: 14px; padding: 5px 0 5px 35px; line-height: 26px;}
.sortby{padding: 0 20px 0 10px;}
.sortby span{font-size: 14px;}
.job-serach-bar .sortby select.form-control{width: 180px;}

.candidateboxleft{width: 244px; padding: 0 0 0 40px;}
.candidateboxright{width: calc(100% - 244px); padding: 0 0 0 20px;}
.candidate-keyfeature ul{padding: 0 0 0 0;}
.candidate-keyfeature ul li span{font-size: 14px;}
.candidate-keyfeature ul li strong{font-size: 14px;}

.education-detail li {padding: 0 5px 10px 5px; width: 50%;}
.answer ul li, .answer ol li{width: 50%;}
.radiostyle-selector .styled-selectors{width: 25%;}

.postjob-left{width: 33%;}
.postjob-right{width: 67%;}

.price-banner h1{font-size: 42px;}
}
@media (max-width:991px){
.header-main .header-right .btn{font-size: 14px; padding: 12px 20px;}
.banner-section{padding: 0 0 30px;}
.banner-inner-section{padding: 0 25px; flex-direction: column-reverse;}
.banner-inner-section .banner-img{width: 100%; text-align: center;}
.banner-inner-section .banner-img img{max-width: 400px;}
.banner-inner-section .banner-content {width: 100%; padding:25px 0 0; text-align: center;}
.banner-inner-section .banner-content h1{font-size: 32px;}
.banner-inner-section .banner-content p{font-size: 18px; margin-bottom: 20px;}
.find-job{justify-content: center;}
.heading{font-size: 30px;}
.trusted-company-section{padding: 40px 0 40px;}
.section-head p{font-size: 16px;}
.benifit-tabs{margin-top: 50px;}	
.benifit-tabs .d-flex.align-items-start.flex-wrap{flex-direction: column-reverse;}
.benifit-tabs .tab-content{width: 100%;}
.benifit-tabs .nav {padding: 0 0 30px; width: 100%;}
.benifit-tabs .tab-content .img-inner-box{margin: auto;}
.work-listing ul{margin: 40px 0 0; flex-wrap: wrap;}
.work-listing ul li{padding: 0 0 25px 0; width: 100%;}
.workforce-img{width: 100%; text-align: center;}
.workforce-img img{max-height: 450px;}
.workforce-content{width: 100%; padding: 50px 0 0 0;}

.Choose-section .heading{font-size: 30px;}
.counterlist li::after{height: 90px;}
.counterlist li strong{font-size: 36px;}
.counterlist li span{font-size: 14px; line-height: 18px;}

.findwork-img{width: 100%; text-align: center;}
.findwork-img img{max-height: 350px;}
.findwork-content{width: 100%;}
.findwork-content ul li{font-size: 15px;}

.loginbox{width: 720px; padding: 85px 40px;}	
.loginbox-content{left: 40px; right: -40px; width: 640px;}
.loginbox-content.show{right: 40px;}
.loginbox .back-btn{left: 0; top: -45px;}
.login-section::after{height: 520px; width: 300px; background-size: 300px;}
.login-section::before{height: 518px; width: 500px; background-size: 500px;}
	
.left-section{width: 30%; padding: 25px 10px;}
.right-section{width: 70%; padding: 0 0 0 25px;}
.company-progress{width: 100%; padding: 0 0 10px;}	
.profile-progress{width: 100%;}
.followus .btn-outline{font-size: 14px; display: inline-block;}
.profilelink li a::after{right: -10px;}
.followus ul li a img{max-width: 32px;}
.profile-detail figure{height: 120px; width: 120px;}
.openjobbox ul li{font-size: 14px; line-height: 20px; padding: 0 20px 5px 0;}
.photolist li{width: 33.33%; padding: 0 7px 14px 7px;}
.whitebg.tag{padding: 20px 30px;}
.tag{flex-wrap: wrap;}
.tag h4{margin: 0 0 10px 0;}

.job-status{width: 52%;}
.postapplied li{width: 50%;}

.job-serach-bar{padding: 14px 13px 0 13px; flex-direction: column-reverse;}
.job-serach-bar ul {width: 100%; justify-content: center;}
.job-serach-bar select.form-control{width: 100%;}

.job-title h2{font-size: 24px;}
.job-title h2 span{font-size: 16px;}
.btn-group .btn-fill, .btn-group .btn-outline{font-size: 14px; padding: 10px 20px;}

.candidate-job-section .job-row{margin: 0;}
.candidate-job-section .postdetail-section{width: 100%; padding: 0 0 20px 0;}
.candidate-job-section .top-match{width: 100%;}
.select-all{width: 100%; padding: 0px 0px 10px 0;}
.export-section{width: 100%; flex-wrap: wrap; justify-content: center;}
.export-section .btn-fill{font-size: 14px; padding: 10px 25px;}
.job-serach-bar .sortby select.form-control{width: 100px; height: 42px;}

.candidateboxleft{width: 100%; margin: 0px 0px 30px 0px; padding: 0;}
.candidateprofile{margin: 0px 0px 20px 0px;}
.candidateimg{margin: auto; max-width: 191px;}
.candidateboxright{width: 100%; padding: 0;}

#buyprofile .modal-dialog{width: 750px;}
#buyprofile .modal-header{padding: 20px 15px 0;}
#buyprofile .modal-title{font-size: 24px;}
.buyprofile{padding: 30px 15px;}
.profile-left ul li{font-size: 14px;}
.profile-left ul li span{padding: 15px 10px;}
.profile-left ul li strong{padding: 15px 10px;}
.walletbox{padding: 25px 15px 20px;}
.walletbalance{padding: 0 0 0 80px;}
.walletbalance strong{font-size: 20px;}
.walletbalance span{font-size: 16px;}

.profile-summary .candidate-keyfeature ul{width: 100%;}
.profile-summary .candidate-keyfeature ul li{width: 100% !important;}
.profile-summary .appliedchart-section{width: 100%; padding: 20px 0 0 0;}
.download-resume {position: relative; left: auto; bottom: auto; margin-top: 25px;}
.radiostyle-selector .styled-selectors{width: 50%;}

.postjob-left{width: 100%;}
.postjob-right{width: 100%;}
.postjob-step3 .postjob-left{width: 100%;}
.postjob-step3 .postjob-right{width: 100%;}

.price-banner h1{font-size: 36px;}
.packagebox h2{font-size: 24px;}
.packagebox ul li{font-size: 16px;}

}
@media (max-width:767px){
.header-main{padding: 15px 0 25px 0;}
.header-main .navbar ul li a.btn{color: #fff; font-size: 14px; padding: 12px 20px; height: auto; display: inline-block;}
.header-main .navbar ul li a.btn-outline{color: #000;}
.header-main .navbar ul li a.btn-outline:hover{color: #fff;}
.header-main .navbar ul li a.btn-outline::before{background-color: #FC6736;}
.header-main .navbar ul li a.btn-fill:hover{color: #FC6736;}
#hamburger-6.is-active .line:nth-child(1) {-webkit-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px);}
.hamburger .line{width: 40px; height: 3px;}
.logo img{max-width: 180px;}
.header-main .header-right .btn{display: none;}
.banner-inner-section .banner-img img{max-width: 300px;}
.banner-inner-section .banner-content h1{font-size: 26px;}
.banner-inner-section .banner-content p {font-size: 15px; margin-bottom: 20px; line-height: 24px;}
.banner-inner-section .banner-content .find-job .btn-outline, .banner-inner-section .banner-content .find-job .btn-fill {font-size: 14px; padding: 12px 20px 14px 20px; min-width: 160px;}
.heading{font-size: 26px;}
.section-head h2 span::before {bottom: -20px; width: 100%;}
.benifit-tabs .nav .nav-link{padding: 0 0 0 20px;}
.benifit-tabs .nav .nav-link.active h2, .benifit-tabs .nav .nav-link h2{font-size: 16px;}
.benifit-tabs .tab-content .img-inner-box{width: 320px; height: 320px;}
.workforce-content .btn-outline, .workforce-content .btn-fill{min-width: 160px;}	
	
.Choose-section{padding: 30px 0 15px;}
.counterlist{flex-wrap: wrap; margin: 30px 0 0;}
.counterlist li{width: 50%; padding: 0px 10px 30px;}
.counterlist li:nth-child(2):after{display: none;}
.counterlist li span br{display: none;}
.findwork-content ul li{width: 100%;}	
	
.footer .container {justify-content: center; flex-wrap: wrap;}
.left-footer{width: 100%; padding: 0 0 15px; text-align: center;}
.left-footer ul{justify-content: center;}
.right-footer{width: 100%;}
.right-footer ul{justify-content: center;}

.loginbox{width: 100%; max-width: 92%; padding: 40px 20px; min-height: 450px;}
.loginbox h3{font-size: 20px;}
.loginbox h2{font-size: 24px; line-height: 34px;}
.loginbox .from-group .form-control{font-size: 16px; height: 54px;}
.loginbox-content .from-group .form-control{padding-right: 80px;}
.loginbox-content .from-group .signupbtn.btn-fill {height: 54px; font-size: 14px; padding: 10px 20px;}
.loginbox .viewpassword{top: 14px;}
.loginbox .error-msg{font-size: 14px;}
.loginbox .back-btn{left: 20px; top: -10px;}
.loginbox-content{left: 0; top: 20px; bottom: 20px; right: -20px; width: 100%; padding:20px;}
.loginbox-content.show{right: 20px;}
.login-section::after{height: 260px; width: 150px; background-size: 150px;}
.login-section::before{height: 259px; width: 250px; background-size: 250px;}
	
.container, .container-sm{max-width: 100%;}
.header-right .dropdown .dropdown-toggle span{font-size: 0;}
.header-right .dropdown .dropdown-toggle figure{height: 36px; width: 36px; padding: 10px; margin: 0 5px 0 0;}
.left-section{width: 100%; padding: 25px 10px; margin-top: 15px;}
.right-section{width: 100%; padding: 25px 0 0 0;}
.profile-title{margin: 0 0 20px; flex-direction: column;}
.profile-title h3{margin: 0 0 15px;}
.progressbox{padding: 15px 15px;}

.candidate-section{padding: 20px 15px;}
.job-serach-bar ul {width: 100%; justify-content: flex-start; overflow: auto;}
.job-serach-bar ul li{padding: 0 15px 0 0; font-size: 14px;}
.candidate-title{flex-direction: column-reverse;}
.acctionlist{width: 100%; margin: 0px 0px 20px 0px;}
.job-location{padding: 0 0 0 70px; width: 100%;}
.job-location figure{height: 55px; width: 55px;}
.job-location strong {font-size: 18px; line-height: 24px; margin: 0px 0px 5px 0px;}	
	
.top-match{width: 100%; min-height: inherit;}
.job-status{width: 100%; margin: 20px 0px 0px 0px; padding: 15px 10px; min-height: inherit;}
.job-status ul li{padding: 0 0 5px 35px;}
.postapplied li {flex: 1 1 auto; width: auto;}

.candidatebox{padding: 15px;}
.candidate-job-section .postapplied li{width: 50%;}
.candidate-keyfeature ul{width: 100%;}
.appliedchart-section{padding: 20px; margin: auto;}
.progressbar-section{width: 100%; padding: 15px;}
.progressrow{width: 100%; padding: 0;}
.scorechart-section{width: 100%;}
.scorecard-row{width: 100%;}
.scorecard-section ul{width: 100%;}
.scorecard-section ul li{font-size: 14px;}
.pagination ul .page-item .page-link {height: 35px; width: 35px; font-size: 14px; padding: 5px;}

#buyprofile .modal-dialog{width: auto;}
.profile-left{width: 100%; padding: 0 0 30px 0;}
.profile-right{width: 100%;}
.profile-right .btn-outline, .profile-right .btn-fill{font-size: 14px;}

.collapse-profilebtn{display: block; border-radius: 8px; border: 1px solid #707070; width: 100%; padding: 10px 10px; background-color: #ffffff; color: #FC6736; font-family: "Poppins", sans-serif;
font-size: 15px; font-weight: 600; position: relative;}
.collapse-profilebtn:after{position: absolute; content: ""; right: 10px; top: 12px; height: 18px; width: 18px; background: url("../images/minus-icon.svg") no-repeat;}
.collapse-profilebtn.collapsed:after{background: url("../images/add-icon.svg") no-repeat;}
.whitebg{padding: 20px 20px;}
.answer ul li, .answer ol li{width: 100%;}
	
.postjob-right{padding: 70px 0 120px;}
.chat-top .btn-fill{font-size: 14px; padding: 10px 15px;}
.chat-top h3{font-size: 18px;}
.postjob-row{padding: 30px 0 30px;}
.chat-bottom{padding: 15px 15px 15px;}
.chat-top{padding: 10px 15px;}
.postjob-left{padding: 20px 15px;}
.chat-center{padding: 0 15px;}
.jobindustry ul li{width: 100%;}

.photolist li{width: 50%;}
.photolist li figure img{width: 100%;}
.videolist li{width: 100%;}


.editprofilemodal .modal-header{padding: 15px 15px;}
.editprofilemodal .modal-body{ padding:15px 15px 30px;}
	
.price-banner{height: inherit; padding: 50px 0;}
.price-banner h1{font-size: 28px;}
.package-section{padding: 30px 0 20px;}
.packagerow{gap: inherit; flex-direction: column;}
.packagebox{width: 100%; margin: 0 0 30px;}
.packagebox h2{padding: 0 20px;}
.packagebox h5{padding: 0 20px;}
.packagebox ul{min-height: inherit;}
.packagebox ul li{padding: 14px 10px 14px 50px;}
.packagebox ul li img{left: 20px; top: 21px;}
.buypackage{padding: 30px 20px;}
.buypackage .btn-fill{padding: 10px 20px;}
.buypackage strong{font-size: 24px;}

.chat-center .receive-msg{flex-direction: column;}
.chat-center .receive-msgbox{margin: 0px 0px 5px 0px;}
.chat-center .receive-msgbox:last-child{margin:0;}
}
@media (max-width:567px){
.candidate-job-section .postapplied li{width: 100%;}
.candidate-keyfeature ul li{width: 100%; padding: 0 0 15px 36px;}
.default-form .button-group button{margin:5px;}
.default-form .button-group {justify-content: center; flex-direction: column;}
}


/**** dashboard 18-05-2024 *****/
.dashboard_tophead{display: flex; align-items: center; justify-content: space-between;}
.dashboard_tophead .btn-group .btn-fill{margin-right: 20px;}
.left-companyInfo{flex-grow: 1; padding-right: 20px; position: relative; min-height: 80px; padding-left: 90px; display: flex; flex-direction: column;     justify-content: center;}
.left-companyInfo figure {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 6px solid rgba(255,255,255,0.9);
    box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);

}
.left-companyInfo h2{    font-family: "Poppins", sans-serif;   color: #0C2D57;  margin: 0;     line-height: 30px;   font-size: 20px;
    font-weight: 600; display: block;}
.left-companyInfo h2 span{display: block; font-weight: 400; font-size: 14px;}
.left-companyInfo h2 span a{color: #FC6736; text-decoration: none;}
.left-companyInfo  p  img{max-width: 13px;}
.left-companyInfo  p {
    color: #7F7F7F; display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
}

.dashboard-CounterBox{margin: 30px 0px;}
.counterCardList{display: flex; /*align-items: center;*/ margin: 0px -8px; flex-wrap: wrap;}
.counterCardList li{flex: auto; padding: 0px 8px; width: 20%;}
.counterBox{background-color: #fff; height: 100%; padding: 22px;     border-radius: 8px; position: relative;}
.counterBox  strong{display: block; font-weight: 700; font-size: 36px;  color: #0C2D57;  font-family: "Poppins", sans-serif; }
.counterBox h3{margin: 0px; padding: 0px; font-size: 12px; text-transform: uppercase; font-weight: 700;  color: #707070;}
.counter-image {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(252 103 54 / 09%);
    color: #0C2D57;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 12px;
}

.whiteboxCard{background-color: #fff; padding: 22px; border-radius: 8px;}

.jobCard{display: flex;  gap: 16px;}
.jobCard .jobleftarea{width: 30%;}
.jobCard .rightJobarea{width: 70%;}

.totalJob{margin: 0px 0px 15px;}
.totalJob h2{margin: 0px; padding: 0px; font-weight: 700; color:#000 ; font-size: 18px;}

.titleJob{display: flex; align-items: center;}
.titleJob h3{font-size: 16px; flex-grow: 1;    color: #000; font-weight: 800; margin: 0; padding: 0;}
.titleJob span.numberCount{font-size: 18px; font-weight: 700; color: #0C2D57;  font-family: "Poppins", sans-serif;}
.jobgraph{display: flex; gap: 16px;  height: 100%;}
.jobgraph .jobTypeChart {width: 30%;}
.jobgraph .jobBranchPanel{width: 70%;}
.jobgraph  .whiteboxCard{height: 100%;}

.titleJob{margin-bottom: 30px;}
.top-joblisting{list-style: none; margin: 0px; padding: 0;}
.top-joblisting li{list-style: none;  display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f6f6f6; padding-top: 12px; padding-bottom: 12px; font-size: 15px;   font-family: "Poppins", sans-serif; }
.top-joblisting li:first-child{padding-top: 0;}
.top-joblisting li:last-child{margin-bottom: 0; padding-bottom: 0; border: none;}
.top-joblisting li span{flex-grow: 1; padding-right: 10px;}
.top-joblisting li strong{color: #0C2D57; font-size: 14px;     background-color: rgb(252 103 54 / 09%); padding: 3px 10px; border-radius: 5px;}
.filterdropdown-toggle{border: none; padding: 0px; background-color: transparent;}
.filterdropdown-toggle:after{display: none;}
.dropdown-menu-end .dropdown-item{font-size: 14px;}

.interview-section .postdetail-section{width: 72%; padding-left: 0px;}
.interview-section .job-status{width: 28%; min-height: inherit; margin-left: 0px;}
.interview-section .job-status ul{flex-wrap: wrap; margin: 0; padding: 0;}
.interview-section .job-location{width: 60%;}
.interview-section  .postlist {
    max-width: 600px;
    width: 40%;
}
.interview-section .candidateboxleft{padding-left: 0px;     width: 191px;}
.interview-section .candidatebox{padding: 30px 0px 0px; margin-bottom: 0;     border-top: 1px solid #f3efef;
    border-radius: 0px;}
.interview-section .candidateboxright{width: calc(100% - 191px);}
.interview-section .candidate-keyfeature ul{width: 100%; padding-left: 0px;}
.interview-section .candidate-keyfeature ul li strong{font-size: 14px; line-height: 16px;}
.interview-section .job-status ul li strong{font-size: 14px;}
.interview-section .candidateprofile strong{font-size: 16px;}
.interview-section .job-status ul li strong a{font-weight: 500;}
.interview-section  .candidateimg figure{height: 190px; width: 190px;}
.BranchFlex  .addbranch-btn {
    background-color: #ededed;
    color: #707070;
    font-size: 9px;
    border: none;
    font-weight: 700;
    padding: 6px 12px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 25px;
    position: absolute;
    bottom: 14px;
    right: 10px;
}
.BranchFlex  .addbranch-btn:hover{    background-color:#FC6736;
    color: #fff;}


.verified-link{
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 10px;
    margin: 5px 0px 0px;
    font-family: "Poppins", sans-serif;
    width: 96px;
    text-align: center;
    border-radius:20    px;

}

.verified-link:hover{    background-color:#FC6736;
    color: #fff;}
    .interview-section.candidateInterview-section .postlist{ width: 100%;}

.modalpopup .modal-title {
        font-size: 22px;
        margin: 0;
        font-weight: 600;
        color: #000;
    }

    .modalpopup  .profile-left{width: 100%; padding: 0px;}
    .modalpopup  .profile-left ul{padding: 26px; margin-bottom: 30px;}
    .modalpopup  .profile-left ul li{margin-bottom: 20px; position: relative; padding-left: 30px;}
    .modalpopup  .profile-left ul li:after{position: absolute; top:7px; left: 0px; content: ''; height: 11px; width: 15px; background-repeat: no-repeat;     background-image: url(../images/green-tick-img.svg);}
    .modalpopup  .profile-left ul li:last-child{margin: 0;}
    .interview-section.candidateInterview-section .postlist li span{margin: 0px;}

    @media (min-width: 1300px) and (max-width: 1499px) { 
        .interview-section .job-location {
            width: 55%;
        }

        .interview-section .postlist{
            width: 45%;
        }

        .interview-section  .candidateimg figure {
            height: 160px;
            width: 160px;
        }
        .interview-section .candidateboxleft {
            padding-left: 0px;
            width: 160px;
        }

        .interview-section .candidateboxright {
            width: calc(100% - 160px);
            padding-left: 25px;
        }

        .interview-section .job-status{    width: 32%;}
        .interview-section .postdetail-section{    width: 68%;}

    }

 


    @media (min-width: 1200px) and (max-width: 1300px) { 
        .interview-section .job-location {
            width: 50%;
        }

        .interview-section .postlist{
            width: 50%;
        }

        .interview-section  .candidateimg figure {
            height: 140px;
            width: 140px;
        }
        .interview-section .candidateboxleft {
            padding-left: 0px;
            width: 140px;
        }

        .interview-section .candidateboxright {
            width: calc(100% - 140px);
            padding-left: 18px;
        }

        .interview-section .job-status{    width: 36%;}
        .interview-section .postdetail-section{    width: 64%; padding-right: 20px;}

        .jobgraph .jobTypeChart{    width: 40%;}
        .jobgraph .jobBranchPanel {
            width: 60%;
        }
        .counterBox h3{font-size: 10px;}
        .interview-section  .candidate-keyfeature ul li span{font-size: 15px;}
        .candidateInterview-section.interview-section .job-location {
            width: 60%;
        }

    }

    @media (min-width: 992px) and (max-width: 1199px) { 

        .interview-section .job-location {
            width: 50%;
        }

        .interview-section .postlist{
            width: 50%;
        }

        .interview-section  .candidateimg figure {
            height: 140px;
            width: 140px;
        }
        .interview-section .candidateboxleft {
            padding-left: 0px;
            width: 140px;
        }

        .interview-section .candidateboxright {
            width: calc(100% - 140px);
            padding-left: 18px;
        }

        .interview-section .job-status{    width: 36%;}
        .interview-section .postdetail-section{    width: 64%; padding-right: 20px;}

        .jobgraph .jobTypeChart{    width: 50%;}
        .jobgraph .jobBranchPanel {
            width: 50%;
        }
        .counterBox h3{font-size: 10px;}
        .interview-section  .candidate-keyfeature ul li span{font-size: 15px;}

        .BranchFlex .addbranch-btn{position: relative;
            bottom: 0px;
            right: 0px; width: 102px;}

            .counterBox{padding: 12px;}

    }


    @media (max-width:1199px){



    }

    @media (min-width: 768px) and (max-width: 991px) { 
        .counterBox{padding: 12px;  text-align: center;}
        .counter-image{position: relative;
            top: 0px;
            right: 0px; margin: 0px auto 6px; }
            .BranchFlex {display: block !important; text-align: center;}
            .counterBox strong{font-size: 30px; line-height: 32px; padding-bottom: 5px;}
            
        .BranchFlex .addbranch-btn{position: relative;
            bottom: 0px;
            right: 0px; width: 102px; margin-top: 5px;}

            .interview-section  .candidateimg figure {
                height: 140px;
                width: 140px;
            }
            .interview-section .candidateboxleft {
                padding-left: 0px;
                width: 140px;
            }
    
            .interview-section .candidateboxright {
                width: calc(100% - 140px);
                padding-left: 18px;
            }

    }


    @media (max-width:991px){

        .counterBox h3{font-size: 10px;}
        .interview-section  .candidate-keyfeature ul li span{font-size: 15px;}


          
                .jobCard {
                    display: block;
                    gap: 0px;
                }
                .jobCard .jobleftarea {
                    width: 100%;
                }
                .jobCard .rightJobarea {
                    width: 100%;
                    margin-top: 15px;
                }

                .jobgraph .jobTypeChart {
                    width: 35%;
                }
                .jobgraph .jobBranchPanel {
                    width: 65%;
                }

                .interview-section .candidate-title{display: block;}
                .interview-section .job-location {
                    width: 100%;
                }
                .interview-section  .postlist {
                    max-width: 100%;
                    width: 100%;
                }


              
        
                .interview-section .job-row{display: block; margin-bottom: 0;}
                .interview-section .job-status{    width: 100%;}
                .interview-section .postdetail-section{    width: 100%; padding-right: 0px;}
                


    }



    @media (max-width:767px){

        .dashboard_tophead{display: block; text-align: center;}
        .dashboard_tophead .left-companyInfo{padding-right: 0; display: block; padding-left: 0px;}
        .dashboard_tophead .left-companyInfo figure{position: relative; margin: 0 auto 10px;}
        .dashboard_tophead .btn-group{margin-top: 12px;}
        .counterCardList{flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; justify-content:flex-start;}
        .counterCardList li{width: auto;}
        .counterBox{width:240px;}
        .BranchFlex .addbranch-btn{line-height: 24px;}
        .jobgraph .jobTypeChart {
            width: 100%;
            margin-bottom: 12px;
        }
        .jobgraph .jobBranchPanel {
            width: 100%;
        }
        .jobgraph {
            display: block;
            gap: inherit;
            height: 100%;
        }
        .dashboard_tophead .greenpiechart  canvas {
            height: 70px;
            width: 70px;
        }
        .dashboard_tophead .btn-group .btn-fill {
            margin-right: 10px;
            padding: 5px 16px;
            font-size: 14px;
        }

        .interview-section .job-location strong{font-size: 16px; line-height: 20px;}
        .interview-section .candidate-section{padding: 10px;}
        .interview-section .job-location figure{position: relative; margin: 0px auto 10px;}
        .interview-section .job-location {
           padding-left: 0px;
           text-align: center;
        }
        .interview-section .job-location p, .job-location span{font-size: 14px; line-height: 20px;}
        .interview-section .candidatebox{display: block;}
        .interview-section .candidateboxleft{margin: auto;}
        .interview-section .candidateboxright{width: 100%;}
        .interview-section .postlist li{padding-right: 0;}
        .interview-section  .job-status ul li{width: 100%; margin: 0px 0px 12px;}
        .left-companyInfo h2{font-size: 18px;}
        .dashboard_tophead{background-color: #fff; border-radius: 10px; padding: 14px;}
        .dashboard-CounterBox{margin-top: 20px; margin-bottom: 20px;}
        .verified-link{margin: 10px auto 0px;}
        .left-companyInfo p{line-height: 16px;}
        .candidateInterview-section .postlist li > div{text-align: left;}

    }




.trusted-slider .slick-slide .items figure {height: 200px; width: 200px; margin: auto; border-radius: 50%; overflow: hidden; padding: 30px; background-color:#fff;}
.benifit-tabs .nav .nav-link:hover figure{opacity: 1;}
.benifit-tabs .nav .nav-link:hover{filter: none;}
.benifit-tabs .nav .nav-link:hover h2{color: #0C2D57;}

body{padding-top:112px !important;}
body.nopadding {padding-top:0 !important;}
header{position: fixed; left: 0; width: 100%; top: 0; z-index: 2; right: 0; }
header.headerfixed{background-color: #fff; -webkit-box-shadow: 0px 2px 2px #00000029; box-shadow: 0px 2px 2px #00000029;}

@media (max-width:1338px){
body{padding-top: 109px;}
}
@media (max-width:1199px){

}
 @media (max-width:991px){
body{padding-top: 97px !important;}
.trusted-slider .slick-slide .items figure{height: 140px; width: 140px;  padding: 20px;}
 }
 @media (max-width:767px){
body{padding-top: 87px !important;}
.trusted-slider .slick-slide .items figure{height: 100px; width: 100px;  padding: 10px;}
 }