#myNavbar li.active a,.about-us .dez-tabs .nav-tabs li a.active,.bg-primary,.box-item-service:hover .icon-bx-md,.box-item-service:hover .item-service-content,.box-item-service:hover h5,.category-jobs-info .nav ul li.active a,.comments-area .comment-form p input[type=submit],.custom-checkbox .custom-control-input:checked~.custom-control-label:before,.custom-radio .custom-control-input:checked~.custom-control-label:before,.date-style-2 .post-date,.date-style-3 .post-date,.date-style-3.skew-date .post-date,.date-style-3.skew-date .post-date:before,.date-style-4 .post-date strong,.dez-accordion.primary .acod-head a,.dez-box-bg.active .icon-box-btn .site-button,.dez-project-left:after,.dez-separator.style-skew[class*=style-]:after,.dez-separator.style-skew[class*=style-]:before,.dez-tilte-inner.skew-title:after,.footer-line:after,.header-style-4.style-1 .header-nav .nav>li.active a:before,.header-style-4.style-1 .header-nav .nav>li:hover>a:before,.icon-bx-wraper.hover:hover,.job-time a:hover span,.la-anim-10,.line-left:after,.line-right:after,.list-num-count>li:before,.meet-ask-row:after,.overlay-primary-dark:after,.overlay-primary-light:after,.overlay-primary-middle:after,.overlay-primary:after,.owl-btn-1.primary .owl-next,.owl-btn-1.primary .owl-prev,.owl-btn-2.primary .owl-next,.owl-btn-2.primary .owl-prev,.owl-dots-primary-big.owl-theme .owl-dots .owl-dot span,.owl-dots-primary-full.owl-theme .owl-dots .owl-dot span,.owl-item.active.center .testimonial-text,.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span,.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,.owl-theme.dots-style-3 .owl-dots .owl-dot.active span,.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,.pagination li.active a,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.portfolio-ic .dez-img-overlay1:before,.portfolio-sep,.product-item-size .btn.active,.rev-slider .tparrows,.service-carousel .owl-next,.service-carousel .owl-prev,.side-bar .widget_tag_cloud a:hover,.sidenav ul li a:hover,.site-button,.site-filters .active>[class*=site-button],.skew-angle:after,.tabs-site-button .nav-tabs li a.active,.tabs-site-button .nav-tabs li a.active:focus,.tabs-site-button .nav-tabs li a.active:hover,.testimonial-1 .quote-left:before,.testimonial-2 .quote-left:before,.testimonial-text.bg-primary,.time-line:after,.tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink,.ui-widget-header,.widget-title:after{background-color:var(--primary)}.active>.site-button,.bg-primary-dark,.owl-btn-1.primary .owl-next:hover,.owl-btn-1.primary .owl-prev:hover,.owl-btn-2.primary .owl-next:hover,.owl-btn-2.primary .owl-prev:hover,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover,.sidenav .closebtn:focus,.sidenav .closebtn:hover,.site-button:active,.site-button:focus,.site-button:hover{background-color:var(--primary)}.about-us .dez-tabs .nav-tabs li a.active{border-right:4px solid var(--primary)}.dez-info-has.bg-primary,.dez-info-has.bg-secondry:hover,.tp-bannertimer.tp-bottom{background-color:rgba(255,94,165,.9)}.main-slider .tp-shapewrapper.ov-tp{background-color:rgba(255,94,165,.75)}.side-bar .widget_tag_cloud a:hover{box-shadow:5px 5px 10px 0 rgba(255,94,165,.15)}.team-section .team-content,.tp-overlay-video{background-color:rgba(255,94,165,.7)}.about-8-service .icon-bx-wraper:hover a,.about-service .icon-bx-wraper:hover a,.acod-head a,.acod-head a.collapsed:hover,.acod-head a:after,.acod-head a:hover,.breadcrumb-row ul li a,.browse-job.applied-job .post-job-bx li a p,.candidate-info ul li a.active,.candidate-info ul li a:hover,.comments-area p:before,.cv-manager ul li,.dez-box-bg .icon-box-btn .site-button,.dez-post-meta i,.dez-post-meta ul li,.dez-post-meta.text-primary i,.dez-post-meta.text-primary ul li,.dez-post-meta.text-primary ul li a,.dez-tabs .nav-tabs>li>a i,.feature,.find-job-bx .bootstrap-select.btn-group .dropdown-toggle .caret::before,.find-job-bx .input-group-text,.header-nav .nav>li .mega-menu>li ul a:hover,.header-nav .nav>li .sub-menu li:hover>a,.header-nav .nav>li.active>a,.header-nav .nav>li.current-menu-item>a .header-nav .nav>li .sub-menu li a:hover,.header-nav .nav>li:hover>a,.item-info-in ul li a:hover,.job-links i,.job-time span,.like-btn,.list-2 li:hover:before,.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,.nav-dark.header-nav .nav>li .sub-menu li:hover>a,.post-job-bx ul li,.primary li:before,.recent-posts-entry .post-date,.site-button-link.black:hover,.site-button-link:hover,.site-button.outline,.site-filters.style1 li.active a,.site-filters.style1.white li.active a,.testimonial-1 .testimonial-position,.testimonial-2 .testimonial-position,.testimonial-3 .quote-left:before,.testimonial-3 .testimonial-position,.testimonial-4 .testimonial-name:after,.testimonial-name,.text-primary,.widget_archive ul li a:hover,.widget_categories ul li a:hover,.widget_meta ul li a:hover,.widget_nav_menu li a:hover,.widget_pages ul li a:hover,.widget_recent_comments ul li a:hover,.widget_recent_entries ul li a:hover,.widget_services ul li a:hover,a,blockquote:before,button.scroltop,footer a:active,footer a:focus,footer a:hover,footer h1 a,footer h2 a,footer h3 a,footer h4 a,footer h5 a,footer h6 a,footer p a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,ol.comment-list li.comment .reply a{color:var(--primary)}@media only screen and (max-width:991px){.nav-dark.header-nav .nav>li>a:active,.nav-dark.header-nav .nav>li>a:focus,.nav-dark.header-nav .nav>li>a:hover{color:var(--primary)}}.navbar-toggle,.owl-slider-banner .owl-theme .owl-dots .owl-dot.active,.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover,.owl-theme.dots-style-3 .owl-dots .owl-dot.active,.owl-theme.dots-style-3 .owl-dots .owl-dot:hover,.side-bar .widget_tag_cloud a:hover,.testimonial-4 .testimonial-pic,.testimonial-4 [class*=quote-],.testimonial-4:after,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.widget_gallery li:hover,blockquote,button.scroltop,input[type=checkbox]+label:hover:before,input[type=checkbox]:checked+label:before,input[type=radio]+label:hover:before{border-color:var(--primary)}.owl-item.active.center .testimonial-8 .testimonial-text:after{border-top:15px solid var(--primary)}.dez-tabs.border-top .nav-tabs>li>a.active,.header-nav .nav>li .mega-menu,.header-nav .nav>li .sub-menu{border-top-color:var(--primary)}.port-style1 .port-box{border-left:3px solid var(--primary)}.choseus-tabs .nav li a.active{border-bottom:2px solid var(--primary)}.featurd-job-list .job-box-list:hover{border-left:2px solid var(--primary)}

.job-time span.warning{
    background-color: #ffb99c;
	color: #7c5545;
}
.job-time span.success{
    background-color: #78f5be;
	color: #12593a;
}
.job-time span.info{
    background-color: #9de9f3;
	color: #1c646e;
}
.job-time span.danger{
    background-color: #f39d9d;
	color: #763030;
}
.cv-manager ul li, .post-job-bx ul li {
    font-size: 14px;
	margin: 0 !important;
}
.job-time span {
    margin-bottom:0px;
}
.sidebar-widgets {
    margin-bottom: 30px;
}
.ur-detail-wrap {
    width: 100%;
    display: block;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0 2em 1.5em;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
}
.ur-detail-wrap-header {
    padding: 18px 0 10px;
    border-bottom: 1px solid #e0dfe6;
    margin-bottom: 10px;
}
.ur-detail-wrap-header h4 {
    font-size: 16px;
	    margin: 0;
}
.ur-detail-wrap-body .form-group {
    margin-bottom: 12px;
}
.ur-detail-wrap-body .form-control {
    height: 40px;
    border: 1px solid #dde6ef;
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 0;
    background: #fbfdff;
    font-size: 15px;
    color: #445461;
    font-weight: 400;
}
.ur-detail-wrap-body .bootstrap-select .dropdown-toggle {
    border: none !important;
    background-color: #fbfdff!important;
    height: 38px;
    font-size: 15px;
    color: #495057;
}
.ur-detail-wrap-body .full-width {
    width: 100% !important;
	margin-top: 10px;
}
.quote-bx h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.quote-bx p {
    font-size: 13px;
}
.quote-bx .full-width {
    width: 100%;
}
.job-post-company span {
    width: 67px;
    height: 67px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #eee;
    padding: 3px;
}
.job-post-company span.grade {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #3064b8;
    font-weight: 700;
}
.post-job-bx>li:nth-of-type(2n+1) .post-bx {
    background-color: #fefefe;
}

.post-job-bx .post-bx {
	transition:all .3s ease-in-out;
}

.post-bx .tc-name {
    display: block;
    position: absolute;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: FontAwesome;
    top: 19px;
    right: 25px;
}
@media only screen and (max-width:1199px)
		{
			.post-bx .tc-name button
			{
				margin-top:60px;
			}
		}
		
		@media only screen and (max-width:991px)
		{
			.post-bx .tc-name button
			{
				margin-top:115px;
				margin-right:100px;
			}
			
		}
		
		@media only screen and (max-width:767px)
		{
			.post-bx .tc-name button
			{
				margin-top:280px;
				margin-right:10px;
				
			}
			
		}
		
		/*@media only screen and (max-width:576px)
		{
			.post-bx .tc-name button
			{
				margin-top:300px;
				margin-right:70px;
				
				
			}
			
		}*/
		
		@media only screen and (max-width:360px)
		{
			.post-bx .tc-name button
			{
				margin-top:325px;
				margin-right:50px;
				
				
			}
			
		}
		
.post-bx .tc-name h3 {
    font-size: 13px;
    line-height: 35px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #fa9a3c;
}
.page-content {
    margin-top: 0;
    padding-bottom: 0px;
}
.footer-top {
    background-color: #dbdbdb;
}
footer a, footer a:visited {
    color: #444444;
}
footer .list-2 li:before {
    content: "";
    font-size: 11px;
    left: 0;
    position: absolute;
    width: 12px;
    height: 1px;
    background: #7e7e7e;
    top: 15px;
}
footer h1, footer h1 a, footer h2, footer h2 a, footer h3, footer h3 a, footer h4, footer h4 a, footer h5, footer h5 a, footer h6, footer h6 a {
    color: var(--primary);
}
.subscribe-form input {
    background-color: rgba(0,0,0,0);
    border: 2px solid #bcbcbc;
}
footer .contact-info {
    margin-bottom: 25px;
}
footer .contact-info li {
    position: relative;
    padding-left: 40px;
        font-size: 14px;
    line-height: 22px;
    color: #444444;
	font-family: Montserrat,sans-serif;
    margin-bottom: 14px;
}
footer .contact-info li span {
    color: var(--primary);
    position: absolute;
    left: 0px;
    top: -5px;
    border: 1px solid var(--primary);
    background: transparent;
    padding: 4px;
    line-height: 23px;
    font-size: 14px;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 19px;
}
.footer-bottom {
    background-color: #002475;
    padding: 10px 0;
	color:#fff;
}
.site-button:active, .site-button-secondry:active, .site-button:focus, .site-button-secondry:focus, .btn:active, button:active, button:focus, .btn:focus {
    outline:none;
}
.content-inner {
    padding-top: 25px;
    padding-bottom: 25px;
}
.form-boxi fieldset{
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding: 0 20px 20px;
	margin-bottom: 30px;
}
.form-boxi legend {
	display: inline-block;
	width: auto;
	font-size: 20px;
	color: #282828;
}
.form-boxi legend > small{
	color:#555;
}
.form-boxi .profile-inner-bg{						
	background: #fff;
	padding: 0px;
	border-radius: 4px;
}
.form-boxi .profile-inner-bg .profile-usermenu{
	margin:0;
}
.form-boxi .profile-inner-bg .profile-usermenu ul li a strong {
	min-width: 169px;
	max-width: 169px;
}
.form-boxi .profile-inner-bg .img-profile-thumb {
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	max-width: 174px;
	margin-left:15px;
	height: 209px;
	padding: 9px;
}

.page-title-box{
	background-color: var(--primary);
	padding:10px 0;
}
.d-title-box-block{
	display:block !important;
}
.page-title-box .page-title {
	line-height: 45px;
	margin: 0;
}
.breadcrumb {
	padding: 0 !important;
	background-color: var(--primary)!important;
	text-align: right;
	margin-bottom: 0px!important;
	margin-top: 0;
}
.breadcrumb-item a{
    color: white!important;
}
.page-title-box .page-title-right {
	display: block !important;
}
.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.page-title {
	display: block;
	color: white;
}
.breadcrumb-item{display:-webkit-box;display:-ms-flexbox;display:flex;
	color: white!important;}
.candidate-info ul li a.active, .candidate-info ul li a:hover {
    background: #f2f4ff;
    border-left-color: var(--primary);
}

.main-timeline .timeline {
    padding: 0 2px;
    position: relative;
}

.main-timeline .timeline-icon {
    display: block;
    text-align: center;
    padding: 20px 0 20px 0;
    z-index: 1;
    position: relative;
}

.main-timeline .timeline-icon:before {
    content: "";
    width: 1px;
    height: 75%;
    background: #d8d8d8;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}

.main-timeline .timeline:hover .timeline-icon:before {
    background: #f1d78f;
}

.main-timeline .timeline-icon i {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
    background: #ffffff;
    font-size: 14px;
    color: var(--primary);
    border: 1px solid#d8d8d8;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline:hover .timeline-icon i {
    background: #f1d78f;
    animation: icon-load 2.5s ease 0s infinite;
}
.main-timeline .border {
    height: 15px;
   background: var(--primary);
    margin-top: 20px;
    transition: all 0.3s ease 0s;
}

.main-timeline .timeline:hover .border {
    background: #f1d78f;
}
.main-timeline .timeline:first-child .border {
    border-radius: 4px 0 0 4px;
}
.main-timeline .timeline:last-child .border {
    border-radius: 0 4px 4px 0;
}

.main-timeline .timeline-content {
    padding: 15px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    transition: all 0.3s ease 0s;
    height: 150px;
    width: 150px;
    min-width: 150px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
}

.main-timeline .timeline:hover .timeline-content {
    background: #fffaec;
    border-color: #f1d78f;
}
.main-timeline .timeline:hover .timeline-content .status {
    background: #f1d78f;
    color: #5b4404;
}

.main-timeline .title {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: var(--primary);
    text-transform: none;
    margin: 18px 0 10px 0;
    transition: all 0.3s ease 0s;
}
}

.timeline-content .description {
    font-size: 14px;
    color: #888;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.timeline-content .status {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebebeb;
    color: #868686;
    padding: 7px 5px;
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}


.main-timeline .timeline:hover .description, .main-timeline .timeline:hover .timeline-icon i {
    color: #8e5104;
    border-color: #8e5104;
}
.main-timeline .timeline.done .timeline-content .status {
	background: #cfffd7;
    color: #007040;
}
.main-timeline .timeline.done .timeline-content {
    border: 1px solid #6bdd7e;
    background: #f3fff5;
}
.main-timeline .timeline.done:hover .title {
    color: #26b56b;
}
.main-timeline .timeline.done:hover .description{
    color: #515050;
}
.main-timeline .timeline.done .timeline-icon i {
    background: #cfffd7;
    color: #23af60;
    border: 1px solid#6bdd7e;
}
.main-timeline .timeline.done .description span {
    display: inline-block;
    padding: 0px 15px;
    border: 1px solid #6bdd7e;
    border-radius: 20px;
    color: var(--primary);
    font-size: 12px;
}
.main-timeline .timeline.done:hover .border {
    background: #26b56b;
}
@keyframes icon-load {

0% {
transform: rotate(-12deg);
}

8% {
transform: rotate(12deg);
}

10% {
transform: rotate(24deg);
}

18%, 20% {
transform: rotate(-24deg);
}

28%, 30% {
transform: rotate(24deg);
}

38%, 40% {
transform: rotate(-24deg);
}

48%, 50% {
transform: rotate(24deg);
}

58%, 60% {
transform: rotate(-24deg);
}

68% {
transform: rotate(24deg);
}

100%, 75% {
transform: rotate(0deg);
}

}



@media only screen and (min-width: 991px) {

.main-timeline > .row {
    padding: 20px 20px 0 0;
}

}



@media only screen and (max-width: 990px) {

.main-timeline .timeline {
    margin-bottom: 20px;
}

}



@media only screen and (max-width: 767px) {


.main-timeline .timeline-icon {
    padding-top: 0;
}

.main-timeline .timeline:nth-child(2n) .timeline-icon {
    padding-bottom: 0;
}

.main-timeline .border {
    margin-bottom: 10px;
}

.main-timeline .timeline-content {
    text-align: center;
}

}

.row-bottom {
    margin-bottom: 40px!important;
}
h2.detail-title {
    font-size: 18px;
    background: #f5f6f7;
    padding: 8px 20px;
    margin-bottom: 16px;
    line-height: 1.6;
    border-radius: 2px;
    color: #252d40;
    border-left: 3px solid var(--primary);
}
ul.trim-edu-list {
    border-left: 3px solid #d6dbe6;
    margin-left: 10px;
    padding-left: 45px;
}
ul.trim-edu-list > li {
    list-style: none;
    margin-bottom: 2em;
    position: relative;
}
ul.trim-edu-list > li:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e9ebef;
    left: -3.6em;
    top: .5em;
}
ul.trim-edu-list > li:after {
    content: "";
    position: absolute;
    left: -3.2em;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
    top: 15px;
}
.trim-edu {
    padding: 1em 1em;
    border-radius: 4px;
    background: #f5f5f5;
	display: flex;
	overflow: hidden;
    position: relative;
}
.trim-edu .ico-box{
	min-width: 100px;
    max-width: 100px;
    height: 100px;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    margin-right: 14px;
    padding: 15px;
}

.trim-edu p {
    margin: 0;
}

.trim-edu .trim-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
}
.trim-edu .trim-data > div > ul {
    margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 3px;
    font-size: 13px;
}
.trim-edu .trim-data > div > ul  li:first-child {
    padding-left: 0;
}
.trim-edu .trim-data > div > ul  li {
    display: inline-block;
    list-style: none;
    padding-right: 1rem;
    display: inline-block;
    list-style: none;
    padding-right: 1rem;
    border-right: 1px solid #dbe6ef;
    padding-left: 8px;
}
.trim-edu .trim-data > div > ul  li:last-child{
	border-right: none;
}
.trim-edu .trim-data > div > ul > li > i {
    padding-right: 3px;
}
.cl-warning{color:#ff9800!important}
.cl-success{color:#11b719!important}
.cl-purple{color:#c580ff!important}
.cl-default{color:#283447!important}
.cl-white{color:#fff!important}
.cl-primary{color:var(--primary)!important}
.cl-danger{color:#f21136!important}
.jv-pending {
    background-color: #ff7272;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    right: -77px;
    top: 11px;
    text-align: center;
    width: 200px;
    font-size: 12px;
    margin: 0;
    z-index: 1;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}
h4.trim-edu-title {
    margin-bottom: 5px;
    font-size: 16px;
}
.trim-edu-title .title-est {
    font-weight: 400;
    font-size: 14px;
    margin-left: 20px;
    color: #9c9c9c;
	    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #dbe6ef;
}

.job-bx-title.title-small  {
    background: #f6f6f6;
    padding: 8px 15px;
    margin-bottom: 20px;
    line-height: 1.6;
    border-radius: 2px;
    color: #979797;
    border-left: 3px solid #c0c0c0;
}
.job-bx-title.title-small h5 {
    font-size: 18px;
    font-weight: 400;
    color: var(--primary);
}

.job-bx {
    background: #fff;
}
.candidate-info {
    background: #fff;
}
.content-inner{
	background:url(../../images/main-slider/3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	z-index: 0;
	background-attachment: fixed;
}
.content-inner:after{
	content:'';
	display:block;
	background:rgba(255,255,255,.9);
	opacity:.9;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
}

.main-bar h4 {
    height: 100%;
    align-items: center;
    display: flex;
    min-height: 77px;
    margin: 0;
    font-size: 23px;
    justify-content: center;
	transition:all .3s ease-in-out;
}

@media (min-width:991px){
	.navbar-expand-lg .navbar-collapse{
		display:none !important;
	}
}
@media (max-width:991px){
	.hidden-xs{
		display:none !important;
	}
}
.nav-user img {
    height: 32px;
    width: 32px;
    background: #fff;
    border: 1px solid #eee;
}

.bl-dark {
    background: var(--primary);
}
.call-to-act-caption {
    padding: 2em 4em;
    text-align: center;
}
.call-to-act-caption h2 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
	font-size:25px;
}
.call-to-act-caption h3 {
    color: #fff;
	font-size:17px;
	line-height:20px;
	font-weight:300;
	margin-top:20px;
}
.bl-dark a.btn.bat-call-to-act {
    border: 1px solid #475865;
}
a.btn.bat-call-to-act {
    padding: 13px 56px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 15px;
    background: rgba(2,2,2,0.15);
    transition: all ease-in-out .4s;
    color: #fff;
    margin-top: 15px;
}
a.btn.bat-call-to-act:hover, a.btn.bat-call-to-act:focus {
    background: rgba(255,255,255,0.1);
}
.gr-dark {
    background: var(--secondary);
}
.nav-user img {
    height: 32px;
    width: 32px;
    background: #fff;
    border: 1px solid #eee;
}
.topnav-menu {
    display: flex;
    min-height: 82px;
    align-items: center;
	transition:all .3s ease-in-out;
}
.main-bar-wraper.is-fixed .main-bar h4 {
    min-height: 66px;
}
.main-bar-wraper.is-fixed .topnav-menu {
    min-height: 68px;
}


.grid-view.brows-job-list {
    position: relative;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 30px;
    display: table;
	width: 100%;
    clear: both;
    padding: 20px 10px;
    transition: .4s;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgb(88 96 109 / 14%);
    -webkit-box-shadow: 0 0 10px 0 rgb(88 96 109 / 14%);
    -moz-box-shadow: 0 0 10px 0 rgba(88,96,109,0.14);
    align-items: center;
	padding-bottom: 0;
}
.grid-view .brows-job-company-img {
    width: 80px;
    margin: 30px auto;
    height: 80px;
    display: flex;
    border: 1px solid #e4e4e4;
    background: #fff;
    align-items: center;
    border-radius: 50%;
    line-height: 80px;
	vertical-align: middle;
	margin-bottom: 20px;
}
.grid-view .brows-job-company-img img {
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
    max-width: 50px;
    line-height: 50px;
}
.brows-job-position {
    padding: 0 15px 15px;
	min-height: 90px;
}
.job-position a.site-button {
    border-radius: 60px;
    padding: 10px 20px;
    line-height: 10px;
    margin-top: 10px;
}
.brows-job-position > p {
    margin: 0;
	font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.brows-job-position h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    margin-bottom: 10px;
    line-height: 1.4;
    position: relative;
    width: auto;
    display: inline-block;
}
.brows-job-position h3 a {
    color: #272f46;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
span.job-num {
    padding: 5px 10px;
    border-radius: 18px;
    text-transform: capitalize;
    color: #8da2b3;
    background: #f3f6fb;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	    max-width: 189px;
    margin: 0 auto;
}
.grid-view .brows-job-type span {
    position: absolute;
    padding: 4px 15px;
    top: 10px;
    right: 0;
    line-height: 1.4;
    font-size: 12px;
    border-radius: 2px 0 0 2px;
}
.grid-view .brows-job-type .part-time {
    background: rgb(255 247 229);
    color: #535353;
	display: flex;
    align-items: center;
}
.grid-view .brows-job-type .part-time > img{
	height: 14px;
    min-height: 14px;
    max-height: 14px;
	margin-right:5px;
}
.grid-view-caption {
    margin: 23px 0 0;
    padding: 0;
    border-top: 1px solid #eaeff5;
    display: flex;
    width: 100%;
}
.grid-view-caption li {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 10px 0;
    line-height: 2.2;
}
.grid-view-caption li:first-child {
    border-right: 1px solid #eaeff5;
}
.grid-view-caption li p{
	margin:0;
	font-size: 13px;
}

.candidate-view-inner .grid-view .brows-job-company-img {
    width: 63px;
    margin: 17px auto;
    height: 63px;
    display: flex;
    margin-bottom: 15px;
}
.candidate-view-inner .grid-view .brows-job-company-img img {
    max-width: 35px;
    line-height: 50px;
}
.tg-themetag {
    top: 10px;
    left: -5px;
    z-index: 2;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    background: #ff526c;
    padding: 3px 3px 3px 10px;
    text-transform: uppercase;
}
.tg-themetag:before, .tg-themetag:after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
}
.tg-themetag:before {
    top: 0;
    left: 100%;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff526c;
}
.tg-themetag:after {
    top: 100%;
    left: 0;
    border-top: 5px solid #eb344f;
    border-left: 5px solid transparent;
}
.tg-themetag.success{
	background: #10c266;
}
.tg-themetag.success:before{
	border-left: 10px solid #10c266;
}
.tg-themetag.success:after{
	border-top: 5px solid #08743c;
}

.tg-themetag.warning{
	background: #ffcf88;
}
.tg-themetag.warning:before{
	border-left: 10px solid #ffcf88;
}
.tg-themetag.warning:after{
	border-top: 5px solid #dd9d3e;
}

.tg-themetag.info{
	background:  #9ae3ff;
}
.tg-themetag.info:before{
	border-left: 10px solid  #9ae3ff;
}
.tg-themetag.info:after{
	border-top: 5px solid #61c5eb;
}

.tg-themetag.danger{
	background:  #e50101;
}
.tg-themetag.danger:before{
	border-left: 10px solid  #e50101;
}
.tg-themetag.danger:after{
	border-top: 5px solid #b00606;
}

.find-job-bx.inner-filter form {
    padding: 22px 30px 0px 30px;
    background-color: rgba(255,255,255,.95);
    box-shadow: 0 0 10px 0 rgb(88 96 109 / 14%);
    -webkit-box-shadow: 0 0 10px 0 rgb(88 96 109 / 14%);
    -moz-box-shadow: 0 0 10px 0 rgba(88,96,109,0.14);
    margin-bottom: 30px;
}
.post-job-bx.certificates .post-bx {
    padding: 15px;
}
.post-job-bx.certificates .job-time span {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 29px;
    background: #eee;
}
.post-job-bx.certificates .job-time span > img {
	max-height:15px;
	min-height:15px;
	margin-right:4px;
}
.post-job-bx.certificates h4 {
    font-size: 17px;
}
.post-job-bx.certificates .post-bx .tc-name {
    display: block;
    position: absolute;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: FontAwesome;
    top: 73px;
    left: -17px;
}
.post-job-bx.certificates .post-bx .tc-name h3 {
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #fa9a3c;
}
.post-job-bx.certificates{
	margin: 0 -15px;
}
.post-job-bx.certificates > li{
    list-style: none;
    margin: 0;
    padding: 0 15px;
	margin-bottom:25px;
}
.post-job-bx.certificates .post-bx {
    min-height: 212px;
}

.admit-cards .job-links {
     position: relative;
    top: 0;
    right: 0;
}
.post-job-bx.admit-cards .job-time span {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 29px;
    background: #eee;
}
.post-job-bx.admit-cards .job-time span > img {
    max-height: 15px;
    min-height: 15px;
    margin-right: 4px;
}

.section-full.statics {
    background: #f7f9ff;
    padding-top: 60px;
    padding-bottom: 60px;
	background:url(../../images/bg-3.jpg);
	background-attachment:fixed;
	background-size:cover;
	position:relative;
	z-index: 0;
}

.section-full.statics:after{
	background: rgb(255 255 255 / 72%);
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index: -1;
	height:100%;
}
.head-counter-bx {
    margin-left: 0;
    height: 150px;
    background: #3a7193;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgb(88 96 109 / 14%);
    -webkit-box-shadow: 0 0 10px 0 rgb(88 96 109 / 14%);
    -moz-box-shadow: 0 0 10px 0 rgba(88,96,109,0.14);
}
.head-counter-bx .counter, .head-counter-bx h6 {
    color: #fff;
}
.job-categories .icon-bx-wraper .icon-md img {
    transition:all .3s ease-in-out;
}
.job-categories .icon-bx-wraper:hover .icon-md img {
    color: #fff;
	filter: brightness(1000);
}


.profile-edit .candidate-info .candidate-detail {
    position: relative;
	z-index: 100;
}
.profile-edit .browse-job{
	z-index:1;
}
.profile-edit .browse-job h4{
	font-size:22px;
}
.profile-edit .canditate-des {
    width: 130px;
}
.candidate-info .candidate-detail {
    padding: 0 0;
}
.profile-edit {
    border-radius: 5px;
    overflow: hidden;
}
@media only screen and (max-width:991px){
	.profile-edit .candidate-info .candidate-detail {
		display:block
	}
	.profile-edit .browse-job {
		margin-top: 15px;
	}
	
	.profile-edit .canditate-des {
		width: 100px;
		min-width: 85px;
		margin: 0 auto;
		display: block;
	}
}
.timeline {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    margin-bottom:30px;
}
.row-bottom > .timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #cdcdcd;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}
.conta {
    position: relative;
    background: inherit;
    width: 50%;
    padding-bottom:15px;
}
.conta:last-child {
    padding-bottom:0px;
}
.conta.left {
    left: 0;
}
.conta.right {
    left: 50%;
}
.conta::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: -8px;
    background: #ffffff;
    border: 2px solid #989b9a;
    border-radius: 16px;
    z-index: 1;
}
.conta.right::after {
    left: -8px;
}
.conta.right::before {
    left: 8px;
}
.conta .trim-edu .ico-box {
    min-width: 62px;
    max-width: 62px;
    height: 62px;
    padding: 4px;
}

@media (max-width: 767.98px) {
    .timeline::after {
    left: 8px;
    }

    .conta {
    width: 100%;
    padding-left: 25px;
    padding-right: 0px;
    }

    .conta.right {
    left: 0%;
    }

    .conta.left::after, 
    .conta.right::after {
    left: 0px;
    }
    
}
.conta .trim-edu h4.trim-edu-title {
    line-height: 20px;
    margin: 0;
}
.conta .trim-edu {
    display: block;
}
.conta .trim-edu .top-ico-box{
    display:flex;
    align-items: center;
}
.conta .trim-edu-title .title-est {
    font-weight: 400;
    font-size: 14px;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.conta .trim-edu > ul{
    margin-top:6px;
    margin-bottom:10px
}
.conta .trim-edu > ul > li {
    display: inline-block;
    list-style: none;
    padding-right: 1rem;
    display: inline-block;
    list-style: none;
    padding-right: 1rem;
    border-right: 1px solid #dbe6ef;
    padding-left: 8px;
    font-size: 13px;
}
.conta .trim-edu > ul li:first-child {
    padding-left: 0;
}
.conta .trim-edu > ul li:last-child {
    border-right: none;
}
@media (min-width: 767.97px) {
    .conta.left .trim-edu {
        text-align: right;
    }
    .conta.left .trim-edu .trim-data {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        width: 100%;
    }
    .conta.left .trim-edu .ico-box {
        min-width: 62px;
        max-width: 62px;
        height: 62px;
        padding: 4px;
        margin-right: 0px;
        margin-left: 14px;
    }
    .conta.left .trim-edu .top-ico-box {
        flex-direction: row-reverse;
        justify-content: normal;
    }
    .conta.left .trim-edu > ul li:last-child {
        border-right: none;
        padding-right:0;
    }
}

.learning-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	background: linear-gradient(45deg, #f6f6f6, #fff);
	border: 1px solid #eee;
	box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
	border-radius: 5px;
	padding: 20px 0;
	justify-content: center;
	text-align: center;
	min-height: 226px;
	position:relative;
	transition:all .3s ease-in-out;
    overflow:hidden;
    z-index: 0;
}
.learning-box:after{
    content:'';
	display: flex;
	flex-direction: column;
	align-items: center;
	background: linear-gradient(45deg, #1186cd, var(--primary));
	padding: 20px 0;
	justify-content: center;
	text-align: center;
	height: 100%;
    width:100%;
    position:absolute;
    z-index:-1;
	transition:all .3s ease-in-out;
    left:-100%;
}
.learning-box:hover:after{
    left:0;
}
.learning-box h2 {
color: var(--primary);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 18px;
margin: 0;
transition:all .3s ease-in-out;
}
.learning-box h4, .learning-box h4 a {
font-size: 25px;
margin-bottom: 0px;
color: #ffffff;
background: #1186cd;
padding: 5px;
    border-radius: 50%;
    min-width: 75px;
    min-height: 75px;
    line-height: 67px;
    max-height: 75px;
}
.learning-box > a{
right: 30px;
bottom: 20px;
border: 1px solid var(--primary);
background: var(--primary);
color: #ffffff;
position: absolute;
width: 25px;
height: 25px;
line-height: 23px;
font-weight: 800;
border-radius: 50%;
transition:all .3s ease-in-out;
}
.learning-box > a:hover{
border: 1px solid #fff;
background: transparent;
color: #fff;
box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
}
.learning-box:hover h2 {
color: #fff;
}

.learning-box.less-height {    
    padding: 5px 0;
    min-height: 190px;
}
.learning-box.less-height h4, .learning-box.less-height h4 a {    
    font-size: 18px;
}

.learning-video-box, .preparedness-box{
    padding: 15px 15px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    display: block;
    position: relative;
    min-height: 356px;
}
.learning-video-box .row-bottom, .preparedness-box .row-bottom{
    margin-bottom: 15px!important;
}

.documents-box, .advisory-box{
    padding: 15px 15px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
    display: block;
    position: relative;
    min-height: 225px;
}
.documents-box .row-bottom, .advisory-box .row-bottom{
    margin-bottom: 15px!important;
}

.learning-video-box .top-thumb{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.learning-video-box .top-thumb .thumb-img{
    border: 1px solid #eee;
    padding: 6px;
    margin-right: 10px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    /* max-width: 150px; */
    z-index:0;
}
.learning-video-box .top-thumb .thumb-img .img-data{
    display: flex;
    align-items: center;
    justify-content: center;
}
.learning-video-box .top-thumb .thumb-img:after{
    background:rgba(0,0,0,.5);
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    transition:all .3s ease-in-out;
}
.learning-video-box .top-thumb .thumb-img .img-data > img {
    z-index: -1;
    position: relative;
}
.learning-video-box .top-thumb .thumb-img .img-data > a {
    background: transparent;
    display: inline-block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    padding: 4px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    
}
.learning-video-box .top-thumb:hover .thumb-img .img-data > a {
    background: #1186cd;
    border: 2px solid #1186cd;
}
.learning-video-box .top-thumb:hover .thumb-img:after{
    background:rgba(0,0,0,.2);
}
.learning-video-box .top-thumb h5{
    font-size: 16px;
    line-height: 20px;
}
.learning-video-box .learning-data{
    background: #f4f4f4;
    border-radius: 3px;
    padding: 10px 15px;
}
.learning-video-box .learning-data h6{
    font-size: 15px;
    margin-bottom: 4px;
}
.learning-video-box .learning-data .dos-donts{
    max-height:90px;
    overflow-y:auto;
}
.learning-video-box .learning-data .dos-donts .list-num-count>li {
    font-size: 11px;
}
.learning-video-box .learning-data .dos-donts .list-num-count>li:before {
    top: 2px;
    left: -28px;
    width: 22px;
    height: 22px;
    padding: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 11px;
}
.learning-video-box .learning-data .dos-donts::-webkit-scrollbar {
    width: 2px;
}
    
.learning-video-box .learning-data .dos-donts::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
    
.learning-video-box .learning-data .dos-donts::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.score {
    display: block;
    font-size: 19px;
    position: relative;
    overflow: hidden;
}

.score-wrap {
    display: inline-block;
    position: relative;
    height: 24px;
}

.score .stars-active {
    color: #EEBD01;
    position: relative;
    z-index: 10;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.score .stars-inactive {
    color: grey;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-text-stroke: initial;
}
.mock-tests .mock-test{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--primary);
    border-radius: 5px;
    padding: 20px 0;
    justify-content: center;
    text-align: center;
}
.mock-tests .mock-test h2{
    font-size: 22px;
    margin-bottom: 0px;
    color: #ffffff;
    background: #1186cd;
    padding: 11px;
    border-radius: 50%;
    min-width: 90px;
    max-width: 90px;
    min-height: 90px;
    line-height: 70px;
    max-height: 90px;									
}
.mock-tests .mock-test h6 {
    color: #fff;
}
.mock-tests .mock-up{
    margin-top: 15px;
    margin-bottom: 15px;
}
.mock-tests .mock-up .owl-nav {
    display: block;
    position: absolute;
    top: -68px;
    right: 0;
}

.documents-box .documents-slider .doc-file{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--primary);
    border-radius: 5px;
    padding: 11px 5px;
    justify-content: center;
    text-align: center;
    min-height: 136px;
}
.documents-box .documents-slider .doc-file h6{
    font-size: 13px;
    line-height: 14px;
    color: #fff;
    margin-bottom:0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.documents-box .documents-slider .doc-file .icon-doc {
    margin-bottom: 10px;
}
.documents-box .documents-slider .doc-file .icon-doc i{
    width: 67px;
    height: 67px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 29px;
    color: #fff;
    line-height: 65px;
}
.advisory-box h4.alert-heading {
    font-size: 16px;
    margin-bottom: 4px;
}
.advisory-box .alert p{
    font-size: 12px;
    line-height: 17px;
    margin-bottom:10px;
}
.advisory-box hr{
    margin-top: 0px;
    margin-bottom: 8px;
}
.documents-box .owl-nav{
    display: none;
}

.mockup-test-container{
	padding: 15px 15px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgb(0 24 128 / 10%);
	display: block;
	position: relative;
}
.row-bottom.custom-margin{
	margin-bottom:20px !important;
}
.mockup-test-container h3.question-heading{
	font-size: 17px;
	color: #4f4f4f;
	margin-left: 40px;
	position:relative;
}
.mockup-test-container h3.question-heading span{
	font-size: 15px;
	color: #ffffff;
	background: var(--primary);
	padding: 6px;
	border-radius: 4px;
	position: absolute;
	line-height: 22px;
	left: -44px;
}
.mockup-test-container .option-box{
	display: flex;
	align-items: flex-start;
	padding: 10px 15px;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-bottom: 10px;
}
.mockup-test-container .option-box .option-serial{
	min-width: 33px;
	min-height: 33px;
	background: #fafafa;
	border: 2px solid #ebebeb;
	text-align: center;
	color: #090909;
	border-radius: 15px;
	border-radius: 4px;
	line-height: 27px;
}
.mockup-test-container .option-box .option-value{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-left: 15px;
}
.mockup-test-container .option-box .option-data p{
	margin:0;
	margin-top: 3px;
}
.mockup-test-container .option-box .option-check label{
	margin: 0;
}
@keyframes click-wave {
  0% {
	height: 30px;
	width: 30px;
	opacity: 0.35;
	position: relative;
  }
  100% {
	height: 80px;
	width: 80px;
	margin-left: -25px;
	margin-top: -25px;
	opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 3.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0;
  margin-left: 10px;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #57e5a8;
}
.option-input:checked::before {
  height: 30px;
  width: 28px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 17.66667px;
  text-align: center;
  line-height: 30px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background:#57e5a8;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
.questons-info {
  display: flex;
  flex-wrap: wrap;
}

.questons-info .qinfo {
  flex: 1 0 15%;
  margin: 5px;
  height: 40px;
  background-color: #efefef;
  border: 1px solid #c6c5c5;
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 37px;
}
.questons-info .qinfo.completed{
	background-color: #00b668;
	border: 1px solid #00b668;
}
.questons-info .qinfo.completed a{
	color:#fff;
}
.extra-nav .site-button, .extra-nav .site-button-secondry {
    padding: 8px 20px;
}
.job-bx-title .btn.dropdown-toggle.btn-default {
    padding-right: 24px;
    min-width: 217px;
}
.list-2 {
    display: table;
    width: 100%;
}
.list-2 li {
    width: 33%;
}

.right-filter-box{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.batch-box {
	border: 1px solid #f1f1f1;
	padding: 11px 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.batch-box .heading-box  {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom:15px;
}
.batch-box .heading-box h4{
	font-size: 16px;
	color: var(--primary);
	margin-top:0;
	margin-bottom:8px;
	max-width: 320px;
	font-weight:400;
}
.batch-box .heading-box  h5{
	font-size:13px;
	color: #9f9f9f;
	margin-top:0;
	margin-bottom:8px;
	font-weight:400;
}
.batch-box .heading-box  h5 i{
	color:var(--primary);
}
.batch-box .batch-content{
	display:flex;
	justify-content: space-between;
}

.batch-box .batch-content .booking-price-button {
	background: #ffff;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding: 5px;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
	min-width: 147px;
}
.batch-box .batch-content .booking-price-button h5 {
	width: 100%;
	text-align: center;
	border-bottom: 1px dashed #f1f1f1;
	padding-bottom: 9px;
	color: var(--primary);
	font-size: 18px;
}
.batch-box .batch-content > ul{
	margin: 0;
	padding-left: 20px;
}
.batch-box .batch-content > ul > li {
	font-size:13px;
}
.batch-box .batch-content > ul > li span{
	color: var(--primary);
	font-weight: 600;
}
.batch-box .batch-seats{
	border-top: 1px solid #f1f1f1;
	margin-top: 15px;
}
.batch-box .batch-seats > ul{
	margin: 0;
	padding-left: 0px;
	padding-top: 8px;
	list-style:none;
}
.batch-box .batch-seats > ul > li{
	border-right: 1px solid #eee;
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
	font-size: 13px;
}
.batch-box .batch-seats > ul > li span{
	color: var(--primary);
}
.batch-box .batch-seats > ul > li:last-child{
	border:none;
	padding-right: 0px;
	margin-right: 0px;
	
}
@media only screen and (max-width:768px){
	.right-filter-box{
		display:block;
		margin-top:15px;
	}
	.right-filter-box h4{
		margin-bottom:15px !important;
	}
	.d-md-block{
		display: block !important;
	}
	.batch-box .batch-content {
		display: block;
	}
	.batch-box .batch-content > ul {
		margin-bottom: 15px;
	}
	.batch-box .heading-box {
		display: block;
	}
	.batch-box .heading-box h4 {
		margin-bottom: 10px;
	}
}
.booking-payment {
	border: 1px solid #f1f1f1;
	padding: 15px;
	border-radius: 4px;
}
.booking-payment > ul > li{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding: 10px 0;
	font-size: 13px;
}
.submit-confirm {
	padding: 15px 15px;
	border: 1px solid #f1f1f1;
	text-align: right;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap: wrap;
}
.submit-confirm .confirm-row label {
	display: flex;
	align-items: center;
	font-size:13px;
	margin: 0;
}
.submit-confirm .confirm-row label input{
	margin-right:5px;
}
.submit-confirm .confirm-row label a{
	margin-left:5px;
}
.submit-confirm .btn{
	font-size:13px;
}
.documents-box .documents-slider .doc-file.inner {
    min-height: 194px;
}

.bg.pay-info {
	background-color: #60c878;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 15px;
	font-family: 'Roboto';
	margin-top: 0;
}
.bg.pay-info.payment-failed{
	background-color:#ffa0a0;
}
.bg.pay-info .card {
	  background-color: #fff;
	  width: 100%;
	  float: left;
	  margin-top: 40px;
	  border-radius: 5px;
	  box-sizing: border-box;
	  padding: 45px 10px 10px 10px;
	  text-align: center;
	  position: relative;
	  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.bg.pay-info .card__success {
	  position: absolute;
	  top: -50px;
	  left: 0;
	  width: 100%;
	  height: 100px;
	  display: inline-block;
	  margin: 0 auto;
}
.bg.pay-info .card__success > div {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-color: #60c878;
	border: 5px solid #fff;
	margin: 0 auto;
}
.bg.pay-info.payment-failed .card__success > div {
    background-color: #d9534f;
}
.bg.pay-info .card__success i {
	color: #fff;
	line-height: 86px;
	font-size: 45px;
}
.bg.pay-info .card__msg {
	text-transform: uppercase;
	color: #55585b;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 25px;
	margin-top: 20px;
}
.bg.pay-info .card__submsg {
	color: #959a9e;
	font-size: 16px;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 15px;
}
.bg.pay-info .card__body {
	background-color: #f8f6f6;
	border-radius: 4px;
	width: 100%;
	margin-top: 0;
	box-sizing: border-box;
	padding: 14px;
	text-align: left;
}
  
.bg.pay-info .card__price {
	color: #232528;
	font-size: 70px;
	margin-top: 25px;
	margin-bottom: 30px;
}
.bg.pay-info .card__price span {
	font-size: 60%;
}
.bg.pay-info .card__method {
	color: #d3cece;
	text-transform: uppercase;
	text-align: left;
	font-size: 11px;
	margin-bottom: 5px;
}
.bg.pay-info .card__payment {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
  
.bg.pay-info .card__card-details {
	display: inline-block;
	text-align: left;
}
.bg.pay-info .card__card-type {
	text-transform: uppercase;
	color: #232528;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 0px;
	line-height: 14px;
}
.bg.pay-info .card__card-number {
	color: #838890;
	font-size: 14px;
	margin: 0px;
	
}
.browse-job-grid a:hover{
	   color:#fff;
}


.advisory-box .learning-data{
    background: #f4f4f4;
    border-radius: 3px;
    padding: 10px 15px;
}
.advisory-box h6{
    font-size: 15px;
    margin-bottom: 4px;
}
.advisory-box .dos-donts{
    max-height:90px;
    overflow-y:auto;
}
.advisory-box .dos-donts .list-num-count>li {
    font-size: 11px;
    margin-left:0;
}
.advisory-box .dos-donts .list-num-count>li:before {
    top: 2px;
    left: -24px;
    width: 22px;
    height: 22px;
    padding: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 11px;
}
.advisory-box .dos-donts::-webkit-scrollbar {
    width: 2px;
}
    
.advisory-box .dos-donts::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
    
.advisory-box .dos-donts::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
.edit-detail-disabled{
    z-index: 100;
    position: relative;
}
.overlay-black-dark2:after {
    background: #595959;
    background: linear-gradient(50deg,#f9f9f9 0,#e0f0f9 49%,#f4fbff 100%);
}
.overlay-black-dark2.profile-edit .candidate-info ul li {
    font-size: 15px;
    width: 50%;
    font-weight: 400;
    float: left;
    margin-bottom: 10px;
    border-bottom: 0px solid #d8d8d8;
    padding-bottom: 10px;
    color: #000;
}
@media (min-width:991px){
    .overlay-black-dark2.profile-edit .candidate-info ul li span{
      min-width: 324px;
      display: inline-block;
    }
}

.overlay-black-dark2.profile-edit .candidate-info ul li:last-child{
   margin-bottom: 0px;
   border-bottom: none;
}
.overlay-black-dark2 {
    padding: 30px 20px;
}
.input-password{
    position:relative;
}
.input-password .show-hide-password {
    cursor: pointer!important;
    position: absolute;
    top: 12px;
    right: 20px;
    color: #bab5b5;
}  
.accordion__item {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
}
.accordion__body {
  display: none;
  padding-top: 10px;
}
.accordion__body p {
  margin-bottom: 0;
}
.accordion__title {
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
}
.accordion__title:after {
	  content: "\f01a";
	font-family: fontAwesome;
	font-size: 27px;
	position: absolute;
	right: 0;
	top: -2px;
	transition:all .3s ease-in-out;
}
.accordion__title.active {
  color: #2B9FDF;
}
.accordion__title.active:after {
  transform: rotate(-180deg);
}
.candidate-info .edit-detail-disabled{
		padding-left: 159px!important;
}
@media (max-width:991px){
	.main-bar h4 {
		min-height: 77px;
		line-height: 19px;
		font-size: 15px;
	}
	.site-header .is-fixed .navbar-toggler, .site-header .navbar-toggler {
		margin: 0px 0 0px 0px;
		position: absolute;
		bottom: 15px;
		right: 36px;
	}
	.topnav-menu {
		min-height: 50px;
		width: 100%;
		border-top: 1px solid #eee;
	}
	.main-bar-wraper.is-fixed .topnav-menu {
		min-height: auto;
	}
	.job-bx-title.mobile-respo-head {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.job-bx-title.mobile-respo-head .btn.dropdown-toggle.btn-default{
		float:none !important;
	}
	.candidate-info .edit-detail-disabled{
		padding-left:0px !important;
	}
	.candidate-info .edit-detail-disabled .browse-job ul li > span {
		margin-left: -30px;
	}
	.candidate-info .edit-detail-disabled .browse-job ul li {
		margin-left: 30px;
	}
	.sticky-top{
		display:none !important;
	}
	.post-bx .tc-name {
		top: 10px !important;
		right: 12px;
	}
	.post-bx .tc-name > a.btn {
		word-break: break-word;
		max-width: 109px;
		white-space: normal;
		margin-top: 6px;
	}
	.multisteps-form__progress-btn {
		text-indent: 0 !important;
	}
	.post-bx .tc-name h3 {
    	line-height: 13px !important;
		margin-bottom: 0;
	}
	.job-post-company {
    	margin-top: 30px !important;
	}
	.post-job-bx h4 {
		word-break: break-all;
		line-height: 15px;
	}
	
}
@media (max-width:1100px){
	.candidate-info .edit-detail-disabled {
		padding-left: 0px!important;
	}
	.profile-edit .candidate-info ul li {
		word-break: break-all;
	}
	
}
@media screen and (max-width:1100px) and (min-width:600px){
	.find-job-bx .bootstrap-select.btn-group .dropdown-toggle .caret {
		top: 20px;
		right: -14px;
	}
	.find-job-bx.inner-filter .site-button{
		padding: 12px 6px;
    	font-size: 14px;
		line-height: 27px;
	}
}
@media (max-width:500px){
	.overlay-black-dark2.profile-edit .candidate-info ul li {
		width: 100%;
	}
	.profile-edit .candidate-info ul li {
		word-break: break-word !important;
	}
	.candidate-info .edit-detail-disabled .browse-job ul li > span  {
		display: block !important;
	}
	a.nav-link.nav-user {
		display: flex;
		align-items: center;
	}
	a.nav-link.nav-user span.pro-user-nam {
		max-width: 125px;
		overflow: hidden;
		position: relative;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}