.banner-section-four{
position: relative;

}
.banner-section-four  video{
/*filter: blur(4px);*/
position: absolute;
object-fit: cover;
width: 100vw;
height: 100%;
}
.video-outer-box{
height: 720px;
}
.video-inner-box{
height: 720px;
}
/*Who visited your profile*/
.ls-widget .profile_visitor{
height:50vh !important;
overflow:auto;
}

/* width */
.ls-widget .profile_visitor::-webkit-scrollbar {
width: 3px;
}

/* Track */
.ls-widget .profile_visitor::-webkit-scrollbar-track {
background: #F5F7FC; 
}

/* Handle */
.ls-widget .profile_visitor::-webkit-scrollbar-thumb {
background: #F5F7FC; 
border-radius:5px;
}

/* Handle on hover */
.ls-widget .profile_visitor::-webkit-scrollbar-thumb:hover {
background: #F5F7FC; 
}
/*============== End of Who visited your profile=========*/

/* =====================services====================== */

.tags-input-wrapper{
background: #F0F5F7;
padding: 17px 20px;
border-radius: 8px;
width: 100%;
border: #F0F5F7;
}
.tags-input-wrapper input{
border: none;
background: #F0F5F7;
outline: none;
width: 140px;
margin-left: 8px;
}

.tags-input-wrapper .tag{
display: inline-block;
background: rgba(25, 103, 210, 0.1);
color: #1967d2;
border-radius: 10px;
padding: 0px 3px 0px 7px;
margin-right: 5px;
margin-top:1px;


}
.tags-input-wrapper .tag a {
margin: 0 7px 3px;
display: inline-block;
cursor: pointer;
}
/*==========End of services====================*/

/*===============find job tags================*/

.tags-input-wrapper-updated{
background: #fff;
padding: 17px 10px;
border-radius: 8px;
width: 100%;
border: #F0F5F7;
}
.tags-input-wrapper-updated input{
border: none;
background: #fff;
outline: none;
width: 100%;
margin-left: 8px;
}
.tags-input-wrapper-updated .tag-updated{
display: inline-block;
background: rgba(25, 103, 210, 0.1);
color: #1967d2;
border-radius: 10px;
padding: 0px 3px 0px 7px;
margin-right: 5px;
margin-top:1px;
}
.tags-input-wrapper-updated .tag-updated a {
margin: 0 7px 3px;
display: inline-block;
cursor: pointer;
}
/*end of find job tags*/
.popup_modal{
max-width:800px !important;
}

#video-box iframe{
width: 100%;
height: 350px;

}
.video-box-text{
background-color: #ffffff24;
height: 350px;
padding: 20px;
}

/*======================Support==================*/

.support-section{
margin-top:11rem;
}

/*================================== packages================================= */
.demo{
margin-top: 80px !important;
}

.pricingTable{
color: #fff;
font-family: 'Outfit', sans-serif;
text-align: center;
padding: 35px 35px;
position: relative;
z-index: 1;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.pricingTable:before{
content: '';
background-color: #054982;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
position: absolute;
left: 25px;
right: 25px;
top: 0;
bottom: 0;
z-index: -1;
}

.pricingTable .pricingTable-header{
text-align: left;
margin: 0 0 10px;
}
.pricingTable .title{
font-size: 20px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
margin: 0;
}
.pricingTable .price-value{
color: #054982;
background-color: #fff;
text-align: center;
padding: 50px 90px 50px 0;
margin: 0 0 0 -20px;
display: inline-block;
clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.pricingTable .job_post_packages{
margin: 0 0 0 -10px;
}
.pricingTable .price-value .amount{
font-size: 20px;
font-weight: 300;
line-height: 40px;
display: block;
}
.pricingTable .price-value .duration{
font-size: 15px;
text-transform: capitalize;
display: block;
}
.pricingTable .pricing-content{
text-align: left;
padding: 0;
margin: 0 0 30px;
list-style: none;
display: inline-block;
}
.pricingTable .pricing-content li{
font-size: 13px;
line-height: 25px;
text-transform: capitalize;
padding: 0 0 0 20px;
margin: 0 0 18px;
position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
content: "\f00c";
color: #59af23;
font-family: "Font Awesome 5 free";
font-size: 14px;
font-weight: 900;
position: absolute;
top: 1px;
left: 0;
}
.pricingTable .pricing-content li.disable:before{
content: "\f00d";
color: #DD434E;
}
.pricingTable .pricingTable-signup a{
color: #004b86;
background: #fff;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
padding: 8px 25px;
border-radius: 5px;
transition: all 0.3s;
}
.pricingTable .pricingTable-signup a:hover{ text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
.pricingTable.darkblue:before{ background-color: #02153e; }
.pricingTable.darkblue .price-value,
.pricingTable.darkblue .pricingTable-signup a{
color: #02153e;
}
.pricingTable.gray:before{ background-color: #262626; }
.pricingTable.gray .price-value,
.pricingTable.gray .pricingTable-signup a{
color: #262626;
}

/*==================== Packages Ends=============*/
/*=========================notification bar=======================*/
.notification-bar{
width:415px;
margin-top:1rem;
border-radius:20px;
border:none;
}
.notification_bars{
height:60vh;
overflow-x:hidden;
overflow-y:auto;
}

/* width */
.scroller::-webkit-scrollbar {
width: 4px;
}

/* Track */
.scroller::-webkit-scrollbar-track {
background: #f1f1f1; 
}

/* Handle */
.scroller::-webkit-scrollbar-thumb {
background: #888; 
}

.notification-img{
height:50px;
width:50px;
border-radius:50px;
}
.notification-msg{
word-wrap: break-word;
}
.mobile_notification_panel{
max-height:50vh;
overflow-x:hidden;
overflow-y:auto;
}
@media only screen and (max-Width:768px){
.notification-bar{
width:400px;
position:absolute;
margin-top:1rem;
}
.notification_bars{
height:100vh;
overflow:hidden;
}
}
@media only screen and (max-Width:406px){
.notification-bar{
width:320px;
}
.notification-img{
height:30px;
width:30px;
border-radius:50px;
margin:0px;
padding:0;

}
.user-name{
font-size:15px;
}
}
/*==============Countdown=====================*/
.countdown-container-box{
background-image:url(../images/icons/bg-4.png);
background-size:cover;
background-repeat:no-repeat;
min-height:10vh;
}
article .flipTime{
display:flex;
}
/* ======================================Timelines */
.main-timeline{
font-family: 'Montserrat', sans-serif;
position: relative;
max-height:73vh;
overflow:auto;
/*background:#34A853;*/
}
/*scroll style*===================/
/* width */
.main-timeline::-webkit-scrollbar {
width: 3px;
}

/* Track */
.main-timeline::-webkit-scrollbar-track {
background: #f1f1f1; 
}

/* Handle */
.main-timeline::-webkit-scrollbar-thumb {
background: #EAF0FA; 
}

/* Handle on hover */
.main-timeline::-webkit-scrollbar-thumb:hover {
background: #EAF0FA; 
}
.main-timeline:after{
content: '';
display: block;
clear: both;
}

.dashed-line{
width: 4px;
min-height: 100vh;
border-left: 4px dashed #777;
transform: translateX(-50%);
position: absolute;
left: 50%;
top: 0;  
}
.main-timeline .timeline{
width: 50%;
padding: 0 0 0 25px;
margin: 0 0 20px 5px;
float: right;
position: relative;
}
.main-timeline .timeline-content{
color: #fff;
background: #999;
padding: 25px 45px 25px 65px;
display: block;
position: relative;
z-index: 1;
clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
}
.timeline_description{
color: #fff;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after{
content: '';
background-color: #fff;
position: absolute;
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
z-index: -1;
clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
}

.main-timeline .timeline-icon{
color: #777;
background-color: #fff;
font-size: 30px;
line-height: 65px;
width: 40px;
height: 65px;
padding-left: 3px;
border-radius: 0 300px 300px 0;
transform: translateY(-50%);
position: absolute;
left: 6px;
top: 50%;
}
.main-timeline .title{
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 5px;
}
.main-timeline .description{
font-size: 14px;
margin: 0;
}
.main-timeline .timeline:nth-child(even){
padding: 0 25px 0 0;
margin: 0 5px 20px 0;
float: left;
}
.main-timeline .timeline:nth-child(even):before{
left: auto;
right: -8px;
}

.main-timeline .timeline:nth-child(even) .timeline-content{
padding: 25px 65px 25px 60px;
clip-path: polygon(7% 0, 0 50%, 7% 100%, 100% 100%, 100% 0);
}
.main-timeline .timeline:nth-child(even) .timeline-content:before,
.main-timeline .timeline:nth-child(even) .timeline-content:after{
clip-path: polygon(7% 0, 0 50%, 7% 100%, 100% 100%, 100% 0);
}

.main-timeline .fourth:after{
background-color: #1967D2;

}

.main-timeline .third:after{
background-color: #1967D2;

}

.third:before{
background-color:#1967D2 ;
}
.main-timeline .first:before{
background-color: #34A853;
}
.fourth:before{
background-color: #1967D2;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
padding-left: 7px;
border-radius: 300px 0 0 300px;
left: auto;
right: 6px;
}

.main-timeline .timeline:nth-child(2) .timeline-content:after{
background-color: #34A853;
}
.main-timeline .timeline:nth-child(3) .timeline-content:after{
background-color: red;
}
.more{
display: none;
}

#morefirst{
display: none;
}
.read-more-btn{
font-weight: bold;
text-decoration: underline;
color:#fff;
}


/*media queries for timelines*/
@media screen and (max-width:767px){
.main-timeline:before{
transform: translateX(0);
left: 5px;
}
.main-timeline .timeline,
.main-timeline .timeline:nth-child(even){
width: 100%;
padding: 0 0 0 25px;
margin: 0 0 35px 0;
}
.main-timeline .timeline:before,
.main-timeline .timeline:nth-child(even):before{
transform: translateY(0);
right: auto;
left: 0;
top: 45px;
}
.main-timeline .timeline-content,
.main-timeline .timeline:nth-child(even) .timeline-content{
padding: 100px 30px 20px 20px;
clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0 100%, 0 0);
}
.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after,
.main-timeline .timeline:nth-child(even) .timeline-content:before,
.main-timeline .timeline:nth-child(even) .timeline-content:after{
clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0 100%, 0 0);
}
.main-timeline .timeline-icon,
.main-timeline .timeline:nth-child(even) .timeline-icon{
padding-left: 2px;
border-radius: 0 300px 300px 0;
transform: translateY(0);
left: 7px;
right: auto;
top: 20px;
}
}
@media only screen and (max-width:768px){
.dashed-line{
border-left: 4px dashed #777;
transform: translateX(0%);
position: absolute;
left: 15px;
top: 0;  
}
}

/*=================TimeLine Ends===============================*/

@media only screen and (max-width: 990px){
.pricingTable{ margin: 0 10px 40px; }
}

@media only screen and (min-width:1024px) and (max-width:1098px){
.job-search-form .form-group .theme-btn{
min-width:20px !important;
margin-left:-8px;
}
}
@media only screen and (min-width:1099px) and (max-width:1170px){
.job-search-form .form-group .theme-btn{
min-width:20px !important;
margin-left:-8px;
}
}
@media only screen and (min-width:1171px) and (max-width:1225px){
.job-search-form .form-group .theme-btn{
min-width:140px !important;
margin-left:0px;
}
}
/* .................Counter==========  */
@media only screen and (max-width:605px){
#counter-p {
text-align: center;
font-size: 38px !important;
background-color:#00B3A6;
word-spacing:0;
padding:40px 0px;

} 
}

/*======================Support=============*/
@media only screen and (max-width:768px){
.support-section{
margin-top:0rem;
}
}
/*input type number*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/*input type numbe Ends*/

/*===================side bar ======================*/
.user-sidebar .sidebar-inner{
padding: 10px 3px !important;
}
.user-sidebar{
width:285px !important;
}
/*=======contents======*/
.dashboard {
padding-left:259px !important;
}
.dashboard .dashboard-outer{
padding:20px 30px 0 60px !important;

}
@media only screen and (min-width:1367px){
.dashboard .dashboard-outer{
padding:20px 30px 0 60px !important;
}
}

@media only screen and (max-width:750px){
.dashboard {
padding-left:0 !important;
} 
.dashboard .dashboard-outer{
padding:20px 30px 0 30px !important;
}
}
@media only screen and (max-width:576px){
.dashboard .dashboard-outer{
padding:20px 20px 0 20px!important;
}
}

/*=======================Custom Scroll bar======*/
/* width */
.custom_scroll::-webkit-scrollbar {
width: 3px;
}

/* Track */
.custom_scroll::-webkit-scrollbar-track {
background: #F5F7FC; 
}

/* Handle */
.custom_scroll::-webkit-scrollbar-thumb {
background:#F5F7FC; 
}
/*  support page=============*/

.page-title .auto-container .title-outer .support_main_heading{
font-weight:600;
font-size:40px;
text-transform:uppercase;
letter-spacing:0.3rem;
}
.page-title .auto-container .title-outer .support_main_heading::after{
content:'';
display:block;
height:5px;
width:90px;
border-radius:5px;
margin:4px 0px 0px 544px;
background-image: linear-gradient( 132.6deg,  rgba(71,139,214,1) 23.3%, rgba(71,139,214,1) 84.7% );
}
.support_form_container{
padding:0px 100px;
}
@media only screen and (max-width:1366px){
.page-title .auto-container .title-outer .support_main_heading::after{
margin:4px auto  0px auto;

} 
}
@media only screen and (max-width:1181px){
.support_form_container{
padding:0px 50px;
}  
}
@media only screen and (max-width:991px){
.support_form_container{
padding:0px 50px;
}  
}
@media only screen and (max-width:576px){
.support_form_container{
padding:0px 10px;
}  
}
.support_sections{
display:flex;
gap:20px

}
.left_col{
flex:1;
border-radius:10px 5px 5px 10px;
background-image: linear-gradient( 132.6deg,  rgba(71,139,214,1) 23.3%, rgba(71,139,214,1) 84.7% );
}

.first_col{
flex:1;
border-radius:10px 0px 0px 10px; 
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
height:562px;
overflow:auto
}
/* width */
.first_col::-webkit-scrollbar {
width: 3px;
}

/* Track */
.first_col::-webkit-scrollbar-track {
background: #F5F7FC; 
}

/* Handle */
.first_col::-webkit-scrollbar-thumb {
background:#F5F7FC; 
}
.form_tagline{
font-size:20px;
}
.address_icon_box{
height:50px;
width:50px;
border-radius:50%;
border:1px solid rgba(0,0,0,0.3);
}
.social_iconss .la-facebook,.la-instagram,.la-linkedin{
font-size:20px;

}
@media only screen and (max-width:768px){
.support_sections{
flex-direction:column !important;
}
}

/*=======tickets=====================*/
/* width */
.ticket_modal::-webkit-scrollbar {
width: 10px !important;
}
.ticket_modal::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.6);
border-radius:5px;
}
/*==================faqs====================*/

.accordions {
width: 100%;
}

.accordions h3 {
font-family: "Roboto", sans-serif;
font-weight: bold;
margin:0 65px 0 0 !important;
}
.accordion_icon{
top:0;
right:10px;
}

.tickets_detail_feild{
height:80px !important;
overflow:auto;
width:100%;
border:1px solid rgba(0,0,0,0.3) !important;
margin:20px 0px;
padding:0px 10px;
border-radius:8px;
}
.numbering{
height:30px;
width:30px;
border-radius:50%;
background:rgba(71,139,214,1);
top:13px;
right:60px;
}

.numbering_digit{
font-size:1rem;
}

.accordion-item {
background-color: #F0F5F7;
margin-bottom: 20px;
border-radius: 5px;
color: #696969;
}

.accordion-item .accordion-title {
cursor: pointer;
padding: 15px 20px;
border:1px solid rgba(0,0,0,0.1);
transition: transform 0.4s ease-in-out;
}

.accordion-item .accordion-title.active-title {
background-color:#F0F5F7;
color: #696969;
}

.accordion-item .accordion-title h3 {
font-weight: 700;
margin: 0;
font-size: 15px;
display: flex;
justify-content: space-between;
}

.accordion-item .accordion-title i.fa-chevron-down {
transform: rotate(0);
transition: 0.4s;
}

.accordion-item .accordion-title i.fa-chevron-down.chevron-top {
transform: rotate(-180deg);
color:  #100e34;
}

.accordion-item .accordion-content {
display: none;
line-height: 1.7;
padding: 20px;
background-color: #ffffff;
border-radius: 0 0 5px 5px;
color: #100e34;
}

.accordion-item .accordion-content.active {
display: block;
}

.accordion-item .accordion-content p {
margin: 0;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}

.details {
background: #dce1f2;
}

.details .detailed_info {
margin: 50px auto;
}

.details img {
margin: 0 auto;
display: block;
/* margin-top: 120px; */
}

.details h3 {
font-family: "Poppins", sans-serif;
font-weight: bold;
font-size: 20px;
}

.details p {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 1.5em;
}

.details ul li {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 1.7em;
}
/*========================Home page ============================*/
.category-block  .catagory-inner-box{
min-height:174px !important;
}
.header_btns{
    background: #525252;
    padding: 11px 45px;
    text-align: center;
    color: #fff;
    /* box-shadow: 0 0 20px #eee; */
    border-radius: 10px;
    margin: 0px 10px;
}
.header_btns:hover{
    color:rgb(215 214 214);
}

@media only screen and (max-width:767px){
.fun-fact-section{
padding:0px !important;
margin-top:7rem !important;
} 
.job-section.alternate {
padding:0px !important

}
.top-companies.style-two{
margin-top:5rem !important;
}

}
@media only screen and (max-width:1366px){
.header_first{
margin-top:23px !important;
}
}
@media only screen and (max-width:767px){
.header_first{
margin-top:20px !important;
}
.banner-section-four{
min-height:400px;
}
.banner-section-four{
padding:140px 0px 46px !important;
}
}


/*==================== post jobs page===================*/
.job_show_column{
border:1px solid rgba(0,0,0,0.1);
}
.jobs_header{
box-shadow:0 2px 4px rgb(0 0 0 / 8%);
}
.jobs_header .job_title{
font-weight:600;
}
.jobs_header .company_name{
font-size:20px;
color:#2557a7;
margin:20px 0px;
}
.jobs_header .company_name:hover{
text-decoration:underline
}
.jobs_header .job_location{
font-size:18px;

}
.job_apply_btn {
background-color:#1967D2;
border-radius:5px;
color:#fff;
}
.right_col_jobs_height{
height:72.2vh;
overflow:auto;
}
.right_col_job_details_heading{
font-weight:600; 
}
.right_col_job_details_salary h6{
font-weight:600;
}
.right_col_job_details_salary p{
font-size:16px;
}
.right_col_job_types{
font-size:10pt;
}
.right_col_job_details::after{
content:'';
display:block;
height:1px;
width:100%;
background-color:rgba(0,0,0,0.3);
margin-top:20px;
}
.industry-box::after{
content:'';
display:block;
height:1px;
width:100%;
background-color:rgba(0,0,0,0.3);
margin-top:20px;
}
.right_col_jobs_description h4{
font-weight:600;
}
.hiring_icons_post_job{
color:rgba(0,0,0,0.5);
font-size:20px;
}
c.checkox_btns{
margin-top:14px;
}
.items{
margin-top:-20px;  
}

.items-collection{
margin:20px 0 0 0;
}
.items-collection label.btn-default.active{
background-color:#007ba7;
color:#FFF;
}
.items-collection label.btn-default{
width:100%;
border:1px solid #314e5891;
margin:5px; 
border-radius: 17px;
color: #305891;
display: flex;
}
.items-collection label .itemcontent{
width:100%;
}
.items-collection .btn-group{
width:100%
}
.items-collection label.btn-default{
min-height:60px !important;
}
@media only screen and (max-width:991px){
.checkox_btns{
margin-top:7px;
} 
.items-collection label.btn-default{
min-height:50px !important;
}
}

/* ============post job form==================*/
.multistep{
max-width:1200px;  
min-height:500px;
margin:0 auto;
background:#fff;
border-radius:5px;
position:relative;
}
.step-form{
/*position:absolute;*/
width:100%;
margin-top:20px; 
transition:0.1s;
}
.step-form .inputf{
border:1px solid rgba(0,0,0,0.5);
width:100% !important;
padding:0px 10px;
border-radius:8px;
height:60px;
transition:all 400ms ease
}
.step-form .inputf:focus{
border-top:1px solid blue;
border-right:1px solid blue;
border-left:1px solid blue;
border-bottom:4px solid blue;
}
.btn-boxx{
width: 100%;
text-align: center;
margin:4px 0px;
}
.step-btns{
margin: 0 10px;
background:#1967D2;
padding:15px 50px 15px 50px;
outline: none;
border-radius: 9px;
border: none;
cursor: pointer;
color: #fff;
}
#step2{
display:none;
}
#step3{
display:none;
}
.step-row{
width: 100%;
height: 40px;
margin: 0px auto;
display: flex;
align-items: center;
box-shadow: 0 0px 5px -1px rgba(0,0,0,0.3);
position:relative;
}
.step-col{
width: 33.33%;
text-align: center;
color: #333;
position: relative;
font-size:20px;
font-weight:500;
}
#progress{
position: absolute;
height: 100%;
width: 33.33%;
background:linear-gradient(to right, #1fa2ffbf 0%, #12D8FA  51%, #1fa2ffa6  100%);
border-radius:5px;
}
/*#progress::after{*/
/*content: '';*/
/*height: 0;*/
/*width: 0;*/
/*border-top: 20px solid transparent;*/
/*border-bottom: 20px solid transparent;*/
/*position: absolute;*/
/*right: -20px;*/
/*top: 0;*/
/*border-left: 20px solid #1FA2FF;*/

/*job types================*/
.containerss {
font-size: 18px;
}

ul.ks-cboxtags {
list-style: none;
padding: 20px;
}
ul.ks-cboxtags li{
display: inline;
}
ul.ks-cboxtags li label{
display: inline-block;
background-color: rgba(255, 255, 255, .9);
border: 2px solid rgba(139, 139, 139, .3);
color:rgba(0,0,0,0.6);
border-radius: 25px;
white-space: nowrap;
margin: 3px 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: all .2s;
}

ul.ks-cboxtags li label {
padding: 8px 12px;
cursor: pointer;
}

ul.ks-cboxtags li label::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding: 2px 6px 2px 2px;
content: "\f067";
transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
content: "\f00c";
transform: rotate(-360deg);
transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
border: 2px solid #1bdbf8;
background-color: #12bbd4;
color: #fff;
transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
position: absolute;
opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
border: 2px solid #e9a1ff;
} 
/*=======job_single_container=========*/
.job_single_container{
width:85% !important;
}

.logo-mobile-sidebar{
    display: none;
}
.sup_notify{
    padding: 10px 5px;
    background-color: #197ade;
    color: #fff;
    border-radius: 10px;
    margin-left: 10px;
}
@media only screen and (max-width:576px){
    .job_single_container{
    width:98% !important;
    } 
    .login-form h3{
        font-size: 15px !important;
        margin-bottom: 4px !important;
    }
    .default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="number"], .default-form .form-group input[type="email"], .default-form .form-group input[type="url"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="file"], .default-form .form-group input[type="date"], .default-form .form-group input[type="datetime-local"], .default-form .form-group textarea, .default-form .form-group select{
        height: 45px !important;
    }
   
}
@media only screen and (max-width:750px){
     .logo-mobile-sidebar{
            padding: 30px;
            display: flex !important;
            justify-content: center;
    }
}




/*timeline*/
.timeline .timeline-item:after, header:after, #timeline .timeline-item:before, header:before {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
  .project-name {
  text-align: center;
  padding: 10px 0;
}  
.timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #03a9f3;
  left: 50%;
  top: 0;
  position: absolute;
}
.timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
.timeline .timeline-item {
  margin-bottom: 30px;
  position: relative;
}
.timeline .timeline-item .timeline-icon {
  background: #03a9f3;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.timeline .timeline-item .timeline-content {
  width: 45%;
  background: #f5f7fc;
  padding: 20px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.timeline .timeline-item .timeline-content h2 {
  padding: 15px;
  background: #03a9f3;
  color: #fff;
  margin: -20px -20px 0 -20px;
  /*font-weight: 300;*/
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 20px;
}
.timeline .timeline-item .timeline-content:before {
  content: "";
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #03a9f3;
}
.timeline .timeline-item .timeline-content.right {
  float: right;
}
.timeline .timeline-item .timeline-content.right:before {
  content: "";
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #03a9f3;
}



@media screen and (max-width: 768px) {
  .timeline {
    margin: 30px;
    padding: 0px;
    width: 90%;
  }
  .timeline:before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }
  .timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #03a9f3;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
}


/*Calender & deadline */
   .countdown{width:200px; height:40px;display: inline-block;}
   /*=======================Countdown ends================*/
   #wrap {
   width: 100%;
   overflow:auto;
   }
   #external-events {
   float: left;
   width: 150px;
   padding: 0 10px;
   text-align: left;
   }
   #external-events h4 {
   font-size: 16px;
   margin-top: 0;
   padding-top: 1em;
   }
   .fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default
   .external-event {
   font-size:12px;
   }
   .fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default{
   font-size:13px;
   }

   #external-events p {
   margin: 1.5em 0;
   font-size: 11px;
   color: #666;
   }
   #external-events p input {
   margin: 0;
   vertical-align: middle;
   }
   td.fc-day {
   background: #fff !important;
   }
   td.fc-today {
   background: #fff !important;
   position: relative;
   }
   .fc-first th {
   background: #f7f7f7 !important;
   color: #36474f;
   font-size: 14px !important;
   font-weight: 600 !important;
   border-top: 1px solid #ccc;
   }
   .fc-event-inner {
   /*background: #03a9f3 !important;*/
   color: #fff !important;
   font-size: 12px !important;
   font-weight: 400 !important;
   padding: 5px 4px !important;
   }
   .fc {
   direction: ltr;
   text-align: left;
   }
   .fc table {
   border-collapse: collapse;
   border-spacing: 0;
   }
   html .fc,
   .fc table {
   font-size: 1em;
   }
   .fc td,
   .fc th {
   padding: 0;
   vertical-align: top;
   }
   /* Header
   ------------------------------------------------------------------------*/
   .fc-header td {
   white-space: nowrap;
   padding: 15px 5px 0px;
   box-sizing:border-box;
   }
   .fc-header-left {
   width: 10%;
   text-align: left;
   }
   .fc-header-center {
   text-align: center;
   }
   .fc-header-right {
   width: 25%;
   text-align: right;
   }
   .fc-header-title {
   display: inline-block;
   vertical-align: top;
   margin-top: -5px;
   }
   .fc-header-title h2 {
   margin-top: 0;
   white-space: nowrap;
   font-size: 15px;
   font-weight: 100;
   margin-top: 10px;
   }
   span.fc-button {
   color: #36474f;
   font-weight: 600;
   text-transform: capitalize;
   }
   .fc-state-down,
   .fc-state-active {
   background-color: transparent !important;
   color: #137abb !important;
   font-weight: 600;
   border-bottom: 3px solid #137abb;
   }
   .fc .fc-header-space {
   padding-left: 10px;
   }
   .fc-header .fc-button {
   vertical-align: top;
   }
   /* buttons edges butting together */
   .fc-button-wrap {
   display: inline-block;
   /*min-width: 60px;*/
   padding: 0 .06em;
   margin: 0 10px;
   box-sizing:border-box;
   }
   .fc-header .fc-button {
   margin-right: -1px;
   }
   .fc-header .fc-corner-right,
   /* non-theme */ .fc-header .ui-corner-right {
   /* theme */
   margin-right: 0; /* back to normal */
   }
   /* button layering (for border precedence) */
   .fc-header .fc-state-hover,
   .fc-header .ui-state-hover {
   z-index: 2;
   }
   .fc-header .fc-state-down {
   z-index: 3;
   }
   .fc-header .fc-state-active,
   .fc-header .ui-state-active {
   z-index: 4;
   }
   /* Content
   ------------------------------------------------------------------------*/
   .fc-content {
   clear: both;
   zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
   }
   .fc-view {
   width: 100%;
   overflow: hidden;
   }
   /* Cell Styles
   ------------------------------------------------------------------------*/
   /* 
   <th>, usually */
      .fc-widget-content {
      /* 
   <td>, usually */
      border: 1px solid #e5e5e5;
      }
      .fc-widget-header {
      border-bottom: 1px solid #eee;
      }
      .fc-state-highlight {
      /* 
   <td> today cell */ /* TODO: add .fc-today to 
   <th>
      */
      /* background: #fcf8e3; */
      }
      .fc-state-highlight > div > div.fc-day-number {
      background-color: #ff3b30;
      color: #ffffff;
      border-radius: 50%;
      margin: 4px;
      }
      .fc-cell-overlay {
      /* semi-transparent rectangle while dragging */
      background: #bce8f1;
      opacity: 0.3;
      filter: alpha(opacity=30); /* for IE */
      }
      /* Buttons
      ------------------------------------------------------------------------*/
      .fc-button {
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 1.9em;
      line-height: 1.9em;
      white-space: nowrap;
      cursor: pointer;
      }
      /*
      Our default prev/next buttons use HTML entities like ‹ › « »
      and we'll try to make them look good cross-browser.
      */
      .fc-text-arrow {
      margin: 0 0.4em;
      font-size: 2em;
      line-height: 23px;
      vertical-align: baseline; /* for IE7 */
      }
      .fc-button-prev .fc-text-arrow,
      .fc-button-next .fc-text-arrow {
      /* for ‹ › */
      font-weight: bold;
      }
      /* icon (for jquery ui) */
      .fc-button .fc-icon-wrap {
      position: relative;
      float: left;
      top: 50%;
      }
      .fc-button .ui-icon {
      position: relative;
      float: left;
      margin-top: -50%;
      *margin-top: 0;
      *top: -50%;
      }
      .fc-state-default {
      border-color: #137abb;
      color: #137abb;
      }
      .fc-button-month.fc-state-default,
      .fc-button-agendaWeek.fc-state-default,
      .fc-button-agendaDay.fc-state-default {
      text-align: center;
      transition: all 0.2s;
      -webkit-transition: all 0.2s;
      }
      .fc-state-hover,
      .fc-state-down,
      .fc-state-active,
      {
      color: #36474f;
      background-color: #f7f7f7;
      border-radius: 4px;
      }
      .fc-state-disabled {
      display:none;
      }
      .fc-state-hover {
      color: #ff3b30;
      text-decoration: none;
      background-position: 0 -15px;
      -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
      -o-transition: background-position 0.1s linear;
      transition: background-position 0.1s linear;
      }
      .fc-state-down,
      .fc-state-active {
      background-color: #ff3b30;
      background-image: none;
      outline: 0;
      color: #ffffff;
      border-radius: 0;
      }
      .fc-state-disabled {
      cursor: default;
      background-image: none;
      background-color: #ffe3e3;
      filter: alpha(opacity=65);
      box-shadow: none;
      border: 1px solid #ffe3e3;
      color: #ff3b30;
      }
      /* Global Event Styles
      ------------------------------------------------------------------------*/
      .fc-event-container > * {
      z-index: 8;
      }
      .fc-event-container > .ui-draggable-dragging,
      .fc-event-container > .ui-resizable-resizing {
      z-index: 9;
      }
      .fc-event {
      border: 1px solid #fff; /* default BORDER color */
      background-color: #fff; /* default BACKGROUND color */
      color: #919191; /* default TEXT color */
      font-size: 12px;
      cursor: default;
      }
      .fc-event.info {
      background-color: #03a9f3  !important;
      }
      .fc-event.important {
      background-color: #ff8383 !important;
      }
      .fc-event.success {
      background-color: #198754  !important;
      }
      .fc-event:hover {
      opacity: 0.7;
      }
      a.fc-event {
      text-decoration: none;
      }
      a.fc-event,
      .fc-event-draggable {
      cursor: pointer;
      }
      .fc-rtl .fc-event {
      text-align: right;
      }
      .fc-event-inner {
      width: 100%;
      height: 100%;
      overflow: hidden;
      line-height: 15px;
      }
      .fc-event-time,
      .fc-event-title {
      padding: 0 1px;
      }
      .fc .ui-resizable-handle {
      display: block;
      position: absolute;
      z-index: 99999;
      overflow: auto; /* hacky spaces (IE6/7) */
      font-size: 300%; /* */
      line-height: 50%; /* */
      }
      /* Horizontal Events
      ------------------------------------------------------------------------*/
      .fc-event-hori {
      border-width: 1px 0;
      margin-bottom: 1px;
      }
      .fc-ltr .fc-event-hori.fc-event-start,
      .fc-rtl .fc-event-hori.fc-event-end {
      border-left-width: 1px;
      /*
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      */
      }
      .fc-ltr .fc-event-hori.fc-event-end,
      .fc-rtl .fc-event-hori.fc-event-start {
      border-right-width: 1px;
      /*
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      */
      }
      /* resizable */
      .fc-event-hori .ui-resizable-e {
      top: 0 !important; /* importants override pre jquery ui 1.7 styles */
      right: -3px !important;
      /*width: 7px !important;*/
      height: 100% !important;
      cursor: e-resize;
      }
      .fc-event-hori .ui-resizable-w {
      top: 0 !important;
      left: -3px !important;
      width: 7px !important;
      height: 100% !important;
      cursor: w-resize;
      }
      .fc-event-hori .ui-resizable-handle {
      _padding-bottom: 14px; /* IE6 had 0 height */
      }
      /* Reusable Separate-border Table
      ------------------------------------------------------------*/
      table.fc-border-separate {
      border-collapse: separate;
      }
      .fc-border-separate th,
      .fc-border-separate td {
      border-width: 1px 0 0 1px;
      }
      .fc-border-separate th.fc-last,
      .fc-border-separate td.fc-last {
      border-right-width: 1px;
      }
      .fc-border-separate tr.fc-last td {
      }
      .fc-border-separate .fc-week .fc-first {
      border-left: 0;
      }
      .fc-border-separate .fc-week .fc-last {
      border-right: 0;
      }
      .fc-border-separate tr.fc-last th {
      border-bottom-width: 1px;
      border-color: #cdcdcd;
      font-size: 16px;
      font-weight: 300;
      line-height: 30px;
      }
      .fc-border-separate tbody tr.fc-first td,
      .fc-border-separate tbody tr.fc-first th {
      border-top-width: 0;
      }
      /* Month View, Basic Week View, Basic Day View
      ------------------------------------------------------------------------*/
      .fc-grid th {
      text-align: center;
      }
      .fc .fc-week-number {
      width: 22px;
      text-align: center;
      }
      .fc .fc-week-number div {
      padding: 0 2px;
      }
      .fc-grid .fc-day-number {
      float: right;
      padding: 0 2px;
      }
      .fc-grid .fc-other-month .fc-day-number {
      opacity: 0.3;
      filter: alpha(opacity=30); /* for IE */
      /* opacity with small font can sometimes look too faded
      might want to set the 'color' property instead
      making day-numbers bold also fixes the problem */
      }
      .fc-grid .fc-day-content {
      clear: both;
      padding: 2px 2px 1px; /* distance between events and day edges */
      }
      /* event styles */
      .fc-grid .fc-event-time {
      font-weight: bold;
      }
      /* right-to-left */
      .fc-rtl .fc-grid .fc-day-number {
      float: left;
      }
      .fc-rtl .fc-grid .fc-event-time {
      float: right;
      }
      /* Agenda Week View, Agenda Day View
      ------------------------------------------------------------------------*/
      .fc-agenda table {
      border-collapse: separate;
      }
      .fc-agenda-days th {
      text-align: center;
      }
      .fc-agenda .fc-agenda-axis {
      width: 50px;
      padding: 0 4px;
      vertical-align: middle;
      text-align: right;
      white-space: nowrap;
      font-weight: normal;
      }
      .fc-agenda .fc-week-number {
      font-weight: bold;
      }
      .fc-agenda .fc-day-content {
      padding: 2px 2px 1px;
      }
      /* make axis border take precedence */
      .fc-agenda-days .fc-agenda-axis {
      border-right-width: 1px;
      }
      .fc-agenda-days .fc-col0 {
      border-left-width: 0;
      }
      /* all-day area */
      .fc-agenda-allday th {
      border-width: 0 1px;
      }
      .fc-agenda-allday .fc-day-content {
      min-height: 34px; /* TODO: doesnt work well in quirksmode */
      _height: 34px;
      }
      /* divider (between all-day and slots) */
      .fc-agenda-divider-inner {
      height: 2px;
      overflow: hidden;
      }
      .fc-widget-header .fc-agenda-divider-inner {
      background: #eee;
      }
      /* slot rows */
      .fc-agenda-slots th {
      border-width: 1px 1px 0;
      }
      .fc-agenda-slots td {
      border-width: 1px 0 0;
      background: none;
      }
      .fc-agenda-slots td div {
      height: 20px;
      }
      .fc-agenda-slots tr.fc-slot0 th,
      .fc-agenda-slots tr.fc-slot0 td {
      border-top-width: 0;
      }
      .fc-agenda-slots tr.fc-minor th.ui-widget-header {
      *border-top-style: solid; /* doesn't work with background in IE6/7 */
      }
      /* Vertical Events
      ------------------------------------------------------------------------*/
      .fc-event-vert {
      border-width: 0 1px;
      }
      .fc-event-vert.fc-event-start {
      border-top-width: 1px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      }
      .fc-event-vert.fc-event-end {
      border-bottom-width: 1px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      }
      .fc-event-vert .fc-event-time {
      white-space: nowrap;
      font-size: 10px;
      }
      .fc-event-vert .fc-event-inner {
      position: relative;
      z-index: 2;
      }
      .fc-event-vert .fc-event-bg {
      /* makes the event lighter w/ a semi-transparent overlay  */
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 0.25;
      filter: alpha(opacity=25);
      }
      .fc .ui-draggable-dragging .fc-event-bg,
      /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg {
      display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
      }
      /* resizable */
      .fc-event-vert .ui-resizable-s {
      bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
      width: 100% !important;
      height: 8px !important;
      overflow: hidden !important;
      line-height: 8px !important;
      font-size: 11px !important;
      text-align: center;
      cursor: s-resize;
      }
      .fc-agenda .ui-resizable-resizing {
      /* TODO: better selector */
      _overflow: hidden;
      }
      thead tr.fc-first {
      background-color: #f7f7f7;
      }
      table.fc-header {
      background-color: #ffffff;
      border-radius: 6px 6px 0 0;
      }
      .fc-week .fc-day > div .fc-day-number {
      font-size: 15px;
      margin: 2px;
      min-width: 19px;
      padding: 6px;
      text-align: center;
      width: 30px;
      height: 30px;
      }
      .fc-sun,
      .fc-sat {
      color: #b8b8b8;
      }
      .fc-week .fc-day:hover .fc-day-number {
      background-color: #b8b8b8;
      border-radius: 50%;
      color: #ffffff;
      transition: background-color 0.2s;
      }
      .fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
      background-color: #ff3b30;
      }
      .fc-button-today {
      border: 1px solid rgba(255, 255, 255, 0);
      }
      .fc-view-agendaDay thead tr.fc-first .fc-widget-header {
      text-align: right;
      padding-right: 10px;
      }
      /* Events
      -----------------------------------------------------*/
      .fc-event {
      background: #fff !important;
      color: #000 !important;
      }
      /* for vertical events */
      .fc-event-bg {
      display: none !important;
      }
      .fc-event .ui-resizable-handle {
      display: none !important;
      }


    /*calender color picker*/
    
    .colors ul{list-style:none; padding:0; margin: 0;}

    .colors li{margin: 0 20px 0 0; display: inline-block;}
    
    .colors label{cursor: pointer;}
    
    .colors input{display:none;}
    
    .colors input[type="radio"]:checked + .swatch{box-shadow: inset 0 0 0 2px white;}
    
    .swatch{
      display:inline-block;
      vertical-align: middle;
      height: 30px;
      width:30px;
      margin: 0 5px 0 0 ;
      border: 1px solid #d4d4d4;
      border-radius: 50%;

    }