body{
    font-family: 'Nunito', sans-serif;
    color: #292929;
    font-size: 14px;
}
.m-34{
    margin-left: 34px !important;

}
.hide{
    display: none;
}

.un-btn{
    font-size: 14px !important;
    border-radius: 0px !important;
    height: 38px !important;
    padding: 7px 7px !important;
    font-weight: 600;
    transition: ease-in-out 0.5s;
}

.select2-selection__choice{
  text-overflow: ellipsis;
    overflow: hidden;
}


.dashboard-btn:hover{
  background-color: #fff !important;
 
}
.date{
    font-weight: 800;
    color: #000 !important;
    opacity: 1 !important; 
}
.select2-search__field{
  font-size: 13px !important;
}
.dashboard-btn:hover h3{
 color: #01C7F4 !important;
 
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff !important;
    border: 1px solid #2e55d4 !important;
    }


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: red !important;
}



 .sidebar-new a {
   padding: 10px 0px 10px 4px;
   margin-bottom: 10px;
   font-size: 13px;
   color:#000;
   font-weight: 700;
   opacity: 0.5;
   display: flex;
   text-align: left;
   }
    .sidebar-new a:hover{
   background-color: #fff;
   opacity: 1;
   border-left: 4px solid #01C7F4;
   text-decoration: none;
   color: #01C7F4;
   transition-delay: .1s;
   transition-property: all;
   transition-timing-function: ease-in-out;
   z-index: 99;
   box-shadow:  box-shadow: rgb(0 0 0 / 15%) 0px 2px 10px;
   transition: background-color 1s border-left 1s;
   }
  .navbar-content{
   max-width: 79%;
   padding-left: 15px;
   }

.mobile-width{
    z-index: 9;
     max-width: 200px !important;
      padding-right: 15px !important;
      padding-left: 15px !important;"
}
.mar{
    /*margin-left: 10px;*/
}
.mab-10{
    margin-bottom: 10px !important;
}
.progress-bar {
  position: relative;
  height: 30px;
  width: 30px;
}
.new_clr{
    background-color: #fff !important; 
    border: 1px solid #eee !important;
}
.navbar-content {
    padding-left: 0px;
 -moz-box-shadow:  3px 3px 3px 0px #fff;
  -webkit-box-shadow: 3px 3px 3px 0px #fff;
  box-shadow: 3px 3px 3px 0px #fff;
  margin-bottom: 25px;
  margin-left: 15px;
}

.aa{
    color: #aaa !important;
}

.concept-badge-large-container .concept-badge-large {
    display: block;
    width: 75%;
    margin-bottom: 10px;
}

.tab-content li{
    list-style-type: none !important;
}

.concept-badge-large {
    background: #fff;
    border: 1px solid #e1e4e6;
    border-radius: 3px;
 /*   box-shadow: 0 1px 0 #fff inset, 0 1px 1px rgb(217 221 227 / 50%);*/
    display: inline-block;
    text-align: left;
    cursor: pointer;
}
.concept-badge-large .concept-wrapper {
    display: block;
    padding: 5px 5px 1px 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline-style: none;
}

#grants-p p{
    font-size: 20px !important;
    text-align: justify !important;
}
#narrative p{
     font-size: 16px !important;
    text-align: justify !important;
    line-height: 1.6;

}#projects p{
     font-size: 16px !important;
    text-align: justify !important;


}
#publications .publiations p{
        font-size: 16px !important;
    text-align: justify !important;

    line-height: 1.6;

}

#employment .f-18{
     font-size: 16px !important;
    text-align: justify !important;
    line-height: 1.6;

}
#education .f-18{
     font-size: 16px !important;
    text-align: justify !important;
    margin-left: 15px;

}
.referees p{
     font-size: 16px !important;
    text-align: justify !important;

}
.awards2 p{
    font-size: 16px !important;
    text-align: justify !important;
}
.stepwizard-step p {
    margin-top: 10px;
}

.custom_img img{
  margin-top: 15px;
    width: 75px !important;
    height: 75px !important;

}
.form-bd{
    border:2px solid #eee;
    padding:25px;
    background-color: #fff;
/*    box-shadow: 0 1rem 1rem rgba(0,0,0,0.165)!important*/;
}
.custom-pills{
    display: flex;
    justify-content: space-between;
}
.custom-pills .nav-link{
    font-size: 14px !important;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #01C7F4 !important;
    margin-right: 6px !important;
    border-left: 1px solid #007bff !important;
    background-color: blue;
    padding : 6px 4px !important;
}

.custom-pills .active{
      color: #fff !important;
    background-color: #007bff !important;

}


.user_new_content h6{
    color:green !important;
    font-weight: bold !important;
}
.invite_tag{
    color: #888;
    border: 1px solid #eee;
    padding: 1px 16px;
    border-radius: 10px;
    line-height: 25px;
    font-weight: 600;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px !important;
  height: 30px !important;
  text-align: center !important;
  padding: 6px 0 !important;
  font-size: 12px !important;
  line-height: 1.428571429 !important;
  border-radius: 15px  !important;
  background-color: #212529 !important;
}

.progress-bar div {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.grey{
    color: #888;
    font-weight: 800;

}
.italic{
    font-style: italic !important;
}
#tag{
	border: 1px solid #eee;
	padding: 2px 15px;
}
.f-20{
	font-size: 20px;
}
.f-13{
    font-size: 13px !important;
}
.f-22{
    font-size: 22px;
    opacity: 0.7;
}
.bd{
    border: 2px solid #01C7F4;


}
.bd-2{

    font-size: 15px;

}
.fa-stripe-s,.fa-certificate{
     color: #01C7F4;

}
.w-80{
    width: 80% !important;
}
.w-70{
      width: 50% !important;

}
.w-50{
    width: 50% !important;
}
.w-90{
     width: 90% !important;

}
.none{
    border: none !important;
}
.input_style{
    width:30% !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;

}

.bd-none{
    border: none !important;
    border-bottom: 1px solid #eee !important;

}

.pb_new{
    padding:35px 5px 15px;
}
.dollars{

    font-size: 17px;
}
.flex-3{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.a{
    position: relative;
right: 21px;
bottom: 6px;
    font-size: 17px;
    color: #fff;
}
.bl-clr{
    color:#323232 !important;
}
.bg-new{
    background: #f7f8fa;
}
.fa-cc-visa{
    color: blue !important;
}
.site-clr{
    color: #01C7F4 !important;
    opacity: 1 !important;
}
.tagsinput .tag {
    position: relative !important;
    background: #fff !important;
    display: block !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    color: #000 !important;
    padding: 5px 30px 5px 5px !important;
    border-radius: 2px !important;
    margin: 0 5px 5px 0 !important;
    border: 1px solid #007bff !important;
}
.tooltip {
  display: inline;
  position: relative;
}
.tooltip:hover:after{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #444;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: -82px auto 0;
  font-size: 16px;
  padding: 13px;
  width: 220px;
}
.tooltip:hover:before{
  border: solid;
  border-color: #444 transparent;
  border-width: 12px 6px 0 6px;
  content: "";
  left: 45%;
  bottom: 30px;
  position: absolute;
}
.tag {
    background: #7f7f7f;
    cursor: pointer;
}

.bs{
     box-shadow: 0 1px 2px rgb(217 221 227 / 50%);
}

.bg{
    padding: 15px 15px 0px;
    background: #f7f8fa;
    box-shadow: 0 1px 2px rgb(217 221 227 / 50%);

}
.progress-bar div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 20px;
  height: 20px;
  width: 20px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.progress-bar .background { background-color: #b3cef6; }

.progress-bar .rotate {
  clip: rect(0 15px 30px 0);
  background-color: #4b86db;
}

.progress-bar .left {
  clip: rect(0 15px 30px 0);
  opacity: 1;
  background-color: #b3cef6;
}

.progress-bar .right {
  clip: rect(0 15px 30px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
.bd_new_grey{
    border: 1px solid #eee;
}
.site{
    color:#01C7F4 !important;
}
.edit-btn{
    width: 25px !important;
    font-size: 14px !important;
    height: 27px !important;
    padding: 2px 6px !important;
    font-weight: 600 !important;
    transition: ease-in-out 0.5s !important;
    border-radius: 5px !important;

}
@keyframes
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
p{
    font-size: 14px;
}

.justify{
    text-align: justify;
}

.flex{
    display: flex;
    justify-content: space-around;
}
.mobile{
	display: none;
}

.f-18{
    font-size: 16px;
}
.search_input{
    border: 1px solid #DEDEDE;
    border-radius:42px;
    height: 42px;
    position: relative;
}
.search_input input{
    border: 0px;
    border-radius:42px;
    text-align: center;
}
.search_input input:focus{
    box-shadow: none;
}
.search_input .fas{
    color: #DEDEDE;
    margin-right: 10px;
}
.navbar-nav .nav-item .nav-link{
    font-size:16px;
    font-family: 'Nunito', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding-right: 12px;
    padding-left: 12px;
}
.navbar-nav .nav-link:after{
    content: '';
    position: absolute;
    right: 0;
    border-right: 1px solid #B1B1B1;
    top: 12px;
    bottom: 12px;
}
.p0{
    padding: 0 !important;
}

.ul-new{
    background: #f2f2f2;
         border-top: 1px solid #e1e4e6;
         border-bottom: 1px solid #e1e4e6; padding: 17px 0px;
         display: flex;
         justify-content: space-between;
         padding-left: 15px;
}
.navbar-nav .nav-item:last-child .nav-link:after{
    content: none;
}
.main_navbar .navbar-nav .nav-item .nav-link{
    text-transform: none;
    color: #011c47;
    font-size: 16px;
    padding: 20px 18px;
}
.main_navbar .navbar-nav .nav-item .nav-link:after{
    content: "";
    border-right: 0px;
    border-bottom: 2px solid transparent;
    right: 10px;
    left: 10px;
    top: auto;
    transition: ease-in-out 0.5s;
}
.main_navbar .navbar-nav .nav-item .nav-link:hover:after{
    border-bottom: 2px solid #011028;
}
.shadow {
    box-shadow:0 .3rem 0.7rem rgba(0,0,0,.03) !important;
}
h2{
    font-size: 48px;
    font-weight: 800;
    margin: 50px 0 30px 0;
}
.banner_conetnt{
    text-align: center;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}
.banner_conetnt p{
    max-width: 70%;
    margin: 0 auto;
}
.btn{
    font-size: 14px;
    border-radius: 0px;
    height: 45px;
    padding: 12px 15px;
    font-weight: 600;
    transition: ease-in-out 0.5s;
}
.btn-lg.btn{
    padding: 15px 30px;
    height: 60px;
}
.min_width300{
    min-width: 300px;
}
h4{
    font-size: 26px;
    font-weight: 600;
}
h4 span{
    color: #043584;
}
.owl-carousel .owl-item img {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto !important;
}
.owl-carousel {
    margin:10px 0 10px 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
}
h5{
    font-size: 36px;
    font-weight: 600;
}
.owl-carousel{
    display: inline-block !important;
    width: 100%;
}
.options_card{
    box-shadow:0 0px 21px rgba(0,0,0,.14) !important;
    padding: 50px 60px;
    border: 0px;
    border-radius: 3px;
    height: 100%;
}
.options_card h4{
    font-size: 18px;
    margin: 0 0 10px 0;
}
.options_card p{
    line-height: 26px;
    margin: 0px;
}
.people_section{
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 50px 0 20px 0;
}
.people_section h3{
    font-weight: 600;
    margin: 10px 0 20px 0;
    font-size: 45px;
}
.content{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
}
.people_section img{
    max-width: 100%;
}
.people_section span{
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
}
.card_slider{
    padding:15px 10px;
    height: auto;
}
.card_slider .fas{
    font-size: 60px;
    color: #CBD2DA;
    text-align: left;
}
.card_slider .star{
    margin: 5px 0;
}
.mtop_100{
    margin-top: 230px;
}
.slider_text{
    text-align: left;
    padding: 0 0 0 50px !important;
    align-items: center;
    justify-content: center;
    display: flex;
}
footer{
    background: #F7F7F7;
    padding: 40px 0;
}
.social_icons{
    display: inline-block;
    width: 100%;
}
.social_icons a{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    font-size: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin:5px;
    transition: ease-in-out 0.5s;
}
.social_icons a:hover{
    text-decoration: none;
    background: #011028;
    color: #fff;
    border: 1px solid #011028;
}
footer h4{
    margin: 0 0 20px 0;
    font-size: 20px;
}
footer h6{
    margin: 0 0 20px 0;
    font-size: 24px;
}
.social_icons span{
    display: inline-block;
    width: 56px;
    margin: 0 10px 0 0;
}
.social_icons span img{
    max-width: 100%;
}
footer ul{
    margin: 0px;
    padding: 0px;
}
footer ul li{
    display: inline-block;
    width: 100%;
    list-style: none;
    padding:3px 0px;
    margin: 0px;
}
footer ul li a{
    color: #011028;
    position: relative;
    padding: 0 10px 0 18px;
}
footer ul li a::after{
    content: ">";
    position: absolute;
    top: -3px;
    left: 0;
    font-weight: 600;
}
footer ul li a:hover{
    color: #000;
}
footer .form-control{
    background: none;
    border-radius: 0px;
    border: 2px solid #4E4E4E;
    color: #4E4E4E;
}
.form-control{
    font-size: 14px;
}
.btn.btn-secondary{
    background: #646464;
    border-color: #646464;
}
.btn.btn-sm{
    height: 48px;
    padding-top: 10px;
}
.btn.btn-secondary:hover{
    background: #011028;
    border-color: #011028;
}
.dotted_ul{
    text-align: center;
    margin: 20px 0 0 0;
}
.dotted_ul li{
    display: inline-block;
    width: auto;
    list-style: disc;
    margin: 0 40px;
}
.dotted_ul li a{
    color: #525252;
    font-synthesis: 18px;
}
.dotted_ul li a:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #525252;
    top: 8px;
}
.modal-header{
    border: 0px;
    text-align: center;
    padding: 5px;
}
.modal-title{
    margin: 0 auto;
    font-size: 30px;
}
.modal-header .close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.modal-content{
    border-radius: 3px;
}
.input_icon{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    display: flex;
    height: 50px;
    box-shadow: 0 0 13px rgba(71,136,141, 0.27);
    padding:6px 12px;
    margin: 0 0 15px 0;
}
.input_icon input{
    border: 0px;
}
.input_icon em{
    flex: 1;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #011c47;
    min-width: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.input_icon em img{
    max-width: 100%;
}
.input_icon input:focus{
    box-shadow: none;
}
.width665{
    max-width: 665px;
}
.modal-body{
    padding-left: 60px;
    padding-right: 60px;
}
.search_icon em{
    border: 0px;
    padding: 0px;
    min-width: 40px;
    margin: 0px;
}
.search_icon em img{
    max-height: 30px;
}
.signup_btns{
    display: flex;
    flex-direction: column;
    max-width: 247px;
    margin: 0 auto;
    margin-top: 30px;
}
.signup_btns .btn{
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 0 0 13px rgba(71,136,141, 0.27);
    padding:5px 10px;
    height: 45px;
}
.signup_btns .btn:last-child{
    margin-bottom: 0px;
}
.btn-outline-primary {
    color: #01C7F4;
    border-color: #01C7F4;
}
.btn-outline-primary:hover {
    color: #fff;
    border-color: #01C7F4;
    background: #01C7F4;
}
.signup_btns .btn em{
    float: left;
    width: 25px;
    height: 25px;
    display: flex;
}
.signup_btns .btn em svg{
    max-width: 100%;
    max-height: 100%;
}
.signup_btns .btn:hover em svg path{
    fill: #fff !important;
}
.login_text{
    text-align: center;
    margin: 10px 0;
    font-weight: 600;
}
.login_text a{
    color: #011028;
}
.mobile_view{
    flex: 1;
    display: flex;
}
.navbar-brand{
    max-width: 170px;
}
.navbar-brand img{
    max-width: 100%;
}
.input_icon em {
    margin: 0px;
    border-right: 0px;
    min-width: 30px;
    padding: 0px;
}
.input_icon.user_input input{
    max-width: 77%;
}
.raduis8{
    border-radius: 8px;
}
.user_image{
    width: 150px;
    height: 150px;
    border: 6px solid #848484;
    border-radius: 100%;
    margin:10px auto 30px auto;
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.user_image input{
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.user_image p{
    position: absolute;
    bottom: 0;
    background: #575757;
    color: #fff;
    left: 0;
    right: 0;
    padding: 7px 0;
    margin: 0px;
    line-height: 20px;
}
.user_image span{
    margin-top: 18px;
    display: inline-block;
    line-height: 19px;
}
.user_image p i{
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.custom_card{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 30px;
}
.custom_card:hover{
    box-shadow: 0 0 13px rgba(71,136,141, 0.27);
    background: rgba(71,136,141, 0.07);
}
.custom_card.active{
    background: #01C7F4;
    color: #fff;
}
.line{
    margin: 0 auto;
    width: 1px;
    height: 100%;
    background: #ccc;
    display: inline-block;
}
.forgot_password{
    display: flex;
    justify-content: space-between;
}
.forgot_password a{
    color: #011c47;
}
.custom_card{
    cursor: pointer;
}
/* -------------------- AutoComplete Css ---------------------- */
.autocomplete {
	position: relative;
	display: inline-block;
}
.autocomplete-items {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
}
.profile_icon{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    font-size: 14px;
}
.profile_icon img{
    width: 100%;
    height: 100%;
}
.after_login .navbar-nav .nav-item .nav-link{
    font-size: 20px;
    padding-right: 7px;
    padding-left: 7px;
}
.after_login .navbar-nav .nav-item .nav-link::after{
    content: none;
}
.page_title{
    text-align: center;
    margin: 30px 0 50px 0;
    position: relative;
}
.page_title::after{
    content: '';
    position: absolute;
    bottom: -15px;
    width: 120px;
    border-bottom:3px solid #011028;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.img_shadow{
    box-shadow: 0 0 9px rgba(0,0,0,.20);
}
.border_card{
    background: #fff;
    border-top:4px solid #01C7F4;
    padding:20px 10px 30px 10px;
    text-align: center;
    border-radius: 0px;
}
.border_card h6{
    font-size: 30px;
    font-weight: 600;
    color: #011028;
    margin:0 0 15px 0;
}
.border_card p{
    margin:0px 0;
}
img{
    max-width: 100%;
}
.faq_title{
    font-size: 28px;
    color: #323232;
    font-weight: 600;
    text-align: center;
    margin: 18px 0 5px 0;
}
.sub_title{
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    color: #323232;
}
.employer_btns{
    text-align: center;
    margin: 0 auto;
}
.employer_btns .btn{
    background: #fff;
    color: #000;
    height: 50px;
    font-size: 16px;
    border-radius: 12px;
    border: 0px;
    width: 160px;
}
.employer_btns{
    border-radius: 12px;
    box-shadow: 0 0px 16px rgba(0,0,0,.18);
}
.employer_btns .btn:hover, .employer_btns .btn.active{
    background: #01C7F4 !important;
    background-color: #01C7F4 !important;
    color: #fff;
}
.category_box {
    padding: 15px;
    height: 100%;
    transition: ease-in-out 0.5s;
    border: 1px solid transparent;
    cursor: pointer;
}
.category_box:hover, .category_box.active{
    border-color: #eaeaea;
    box-shadow: 0 0px 11px rgba(0,0,0,.10);
}
.category_box h6{
    font-weight: 600;
    font-size: 17px;
    margin: 0px 15px 0 0;
    color: #323232;
}
.category_box p{
    color: #323232;
    margin: 0px;
    line-height: 22px;
    margin-top: 7px;
    margin-bottom: 0px;
    font-size: 14px;
}
.nav-pills .nav-link {
    border-radius: 3px;
    border: 1px solid transparent;
    margin-bottom: 15px;
    padding: 15px;
    border-left:6px solid #ccc;
    color: #b0aeae;
    box-shadow: 0 0 6px rgba(0,0,0,0.10);
    text-align: center;
    font-weight: 600;
    position: relative;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #333;
    background-color: #fff;
    border-color: #01C7F4;
}
.side_tab .tab-content{
    box-shadow: 0 0 6px rgba(0,0,0,0.10);
    padding: 30px;
    min-height: 100%;
}
.input_shadow{
    box-shadow: none;
    border-color: #E6E6E6;
    border-radius: 0px;
}
.tab-content h5{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.form-group label{
    font-weight: bold;
    font-size: 14px;
}
.form-control{
    color: #000;
    border-radius: 0px;
}
.form-control::placeholder{
    color: #ccc;

}
.small_text{
    font-size: 12px;
    color: #888;
    margin:5px 0 0 0px;
}
.small_text span{
    float: right;
}
.check_card{
    padding: 10px;
    border: 1px solid transparent;
    box-shadow: 0 0 6px rgba(0,0,0,.14);
    margin: 0 0 15px 0;
}
.check_card label{
    font-size: 14px;
    font-weight: normal;
}
.check_card h6, .filter_option h6{
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}
.check_card .form-check{
    margin-top: 5px;
}
.check_list_outer{
    margin: 10px 0 0 0;
}
.btn_shadow{
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.form-control{
    border-color: #eee;
}
.upload_file{
    position: relative;
    flex-direction: column;
    border: 2px dashed #ccc;
    padding: 10px;
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    height: 150px;
    border-radius: 3px;
}
.upload_file input{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
}
.upload_file p{
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 0;
    color: #b9b9b9;
}
.fields_dropdown{
    background-color: #fff;
    border: 1px solid #eee;
}
.click_text{
    width: 100%;
    color: #333;
    font-weight: 600;
    padding:8px 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.font_14{
    font-size: 14px;
}
.click_text:hover{
    text-decoration: none;
    color: #011028;
}
.fields_dropdown .checkbox{
    border-bottom: 1px solid #ccc;
    padding: 7px 10px;
    width: 100%;
    margin: 0px;
}
.fields_dropdown .checkbox:last-child{
    border: 0px;
}
.click_text .fas{
    font-size: 14px;
    color: #000;
}
.click_text.collapsed .fa-chevron-down::before {
    content: "\f078";
}
.click_text .fa-chevron-down::before {
    content:"\f077";
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0px;
    padding-left: 30px;
}
.styled-checkbox + label {
    cursor: pointer;
}
.styled-checkbox + label::before {
    content: "";
    margin-right: 10px;
    margin-top: 2px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: white;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
}
.styled-checkbox:checked + label::before {
    background: #09ac1e;
    border: 1px solid #09ac1e;
    position: absolute;
    left: 0;
}
.white{
    color: #01C7F4 !important;
}

.plr{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.white:hover{
    background-color: #01C7F4 !important;
    color: #fff !important;
    border-color: #fff;
}
.styled-checkbox:checked + label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.budget_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 300px;
}
.budget_box .input-group{
    width: 110px;
}
.budget_box .input-group .input-group-text{
    background: #fff;
    border-right: 0px;
    padding-right: 0px;
}
.budget_box .input-group .form-control{
    border-left: 0px;
    text-align: right;
    margin: 0px;
}
.budget_box em{
    font-style: normal;
    font-size: 12px;
}
sub {
    bottom: 0;
    font-size: 14px;
    font-weight: normal;
}
.edit_text{
    color: #848484;
    font-size: 18px;
}
.edit_text:hover{
    color: #848484;
}
.sidebar{
    /* box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.05); */
    display: inline-block;
    width: 100%;
    transition: ease-in-out 0.5s;
    height: 100%;
    border-right:1px solid #eee
}
#side_nav{
    height: 100%;
    transition: ease-in-out 0.5s;
}
.sidebar ul{
    margin: 0px;
    padding: 0px;
    transition: ease-in-out 0.5s;
}
.sidebar ul li{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    width: 100%;
}
.sidebar ul li a{
    text-decoration: none;
    font-size: 14px;
    color: #292929;
    display: inline-block;
    width: 100%;
    margin: 0px;
    width: 100%;
    padding: 15px 15px;
    padding-right: 50px;
    /* border-top: 1px solid #ccc; */
    transition: ease-in-out 0.5s;
    position: relative;
}
.sidebar ul li a:hover, .sidebar ul li a.active{
    color: #01C7F4;
    font-weight: bold;
}
.sidebar ul li a.active:after{
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    bottom: 10px;
    width: 5px;
    background: #01C7F4;
}
.card_shadow, .dark_shadow{
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,.14);
    border-radius: 5px;
}
.card_shadow p{
    font-size: 16px;
    margin: 0px;
    line-height: 20px;
}
.card_shadow p small{
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    display: inline-block;
}
.card_shadow tr td{
    vertical-align: middle;
}
table tr td{
    color: #6b6b6b;
}
.edit_options a{
    color: #6b6b6b;
    font-size: 16px;
    text-decoration: none;
}
.edit_options a:hover{
    color: #525252;
}
.edit_options a:after{
    content: "|";
    color: #525252;
    font-size: 16px;
    display: inline-block;
    margin: 0 5px;
}
.edit_options a:last-child:after{
    content: none;
}
.input-group.input-group-sm{
     border-radius: 20px;
     background:#f7f7f7;
     font-weight: normal;
}
.input-group.input-group-sm .input-group-text{
    background: none;
    border: 0px;
    padding-left: 15px;
}
.input-group.input-group-sm .form-control{
    background: none;
    border: 0px;font-weight: normal;
}
.input-group.input-group-sm .form-control:focus{
    box-shadow: none;
}
.profile_section{
    display: flex !important;
    border-top: 0px !important;
}
.profile_section p{
    font-size: 18px;
    color: #000;
    margin: 0px;
    line-height: 24px;
    flex: 1;
}
.profile_section .profile_icon{
    margin-right: 10px;
    width: 50px;
    height: 50px;
}
.profile_section p small{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #6b6b6b;
}
.pagination .page-link{
    color:#848484;
    display: flex;
    height: 100%;
    align-items: center;
}
.pagination .page-link i{
    font-size: 10px;
}
.pagination .page-link.active{
    background-color: #01C7F4;
    border-color: #01C7F4;
    color: #fff;
}
.margin_top_custom{
    margin-top: 40px;
}
.main_title{
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    margin: 0px;
    font-weight: 600;
    color: #333;
}
.main_title em{
    font-style: normal;
}
.main_title .input-group{
    max-width: 200px;
    flex: 1;
}
.user_section{
    display: flex;
    align-items: center;
}
.user_section .profile_icon{
    margin-right: 10px;
}
.user_section span{
    flex: 1;
}
.font22{
    font-size: 22px;
}
.form_flex{
    display: flex;
    justify-content: space-between;
}
.form_flex .form-control{
    width: 130px;
    margin: 0 5px;
    height: 40px;
}
.form_flex .btn{
    height: 40px;
    padding: 9px 10px;
}
.sidebar ul li{
    position: relative;
}
.sidebar ul ul li a{
    font-size: 14px;
    padding-left: 30px;
    position: relative;
}
.sidebar ul ul li a:after{
    content: '-';
    position: absolute;
    left: 20px;
}
.caret{
    position: absolute;
    right: 10px;
    top: 20px;
}
.sidebar ul li a i{
    font-size: 14px;
    margin-right: 10px;
}
.sidebar ul li a.collapsed .fa-chevron-right::before {
    content:"\f054";
}
.sidebar ul li a .fa-chevron-right::before {
    content:"\f078";
}
.user_info{
    display: flex;
    max-width: 380px;
}
.user_img{
    border-radius: 100%;
    position: relative;
    margin-right: 30px;
}
.user_content{
    flex: 1;
}
.user_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bd-grey{
    border: 1px solid #eee;
    border-radius: 0;
    padding:5px;
}
.bd-grey2{
    border: 1px solid #e1e4e6;
    border-radius: 0;
    padding:5px;
}

.bd-btm{
    border-bottom: 1px solid #e1e4e6;

}
.bd-right{
    border-right: 1px solid #e1e4e6;

}
.new-profile{
    padding-left: 15px;
}

.flex-2{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.countr span{
    font-size: 15px;
    color: #888;

}

.awards span{
    font-size: 23px !important;
}
.custom-nav > .nav-item > .nav-link{
    padding: 0px !important;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    transition-property: 2s;
    transition-delay: 1s;
    margin-right: 15px;

}
.custom-nav > .nav-item > .nav-link > .active{


    font-weight: 700 !important;
    color:#000 !important;
}

.custom-nav > .nav-item > .nav-link:hover span{
    padding-bottom: 21px;
    border-bottom: 3px solid #01C7F4; 
    color : #000 !important;
    font-weight: 700 !important;

}
.custom-nav > .nav-item > .nav-link .active{
    padding-bottom: 21px;
    border-bottom: 3px solid #01C7F4;

}
.dp_new{
	padding: 5px;
	border-bottom: 1px solid #fff;
	background-color: #eee;
	width: 200px !important;

}
.dropdown-menu{
	width: 280px !important;
}
.dp_new li a{
	border-bottom: 1px solid #fff;
	background-color: #eee;
	color: #000;
	font-size: 12px;
	padding: 8px 8px;
	font-weight: bold;

}
.wt-checkbox{
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.wt-checkbox2{
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.wt-checkbox input{
    margin-right: 10px;
}
.wt-checkboxholder .wt-radio, .wt-checkboxholder .wt-checkbox {
    margin: 0 0 20px;
}
.wt-radio, .wt-radio label, .wt-checkbox, .wt-checkbox label {
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
}
.mobile{
	display: none;
}
.navpill-none{
    border: none !important;
    box-shadow: none !important;
    margin-bottom: none !important;
    color: #000 !important;

}

.navpill-none:hover{
 border-bottom: 3px solid #01c7f4 !important;

}
.navpill-active_new .active{
 border-bottom: 3px solid #01c7f4 !important;
 color: #01c7f4 !important;

}
.new_tag{
    border: 1px solid #eee;
    padding: 5px 3px;
    width: 100%;
    white-space: nowrap;
 }
 .l2{
    line-height: 2;
    box-shadow: 0 1px 0 #fff inset, 0 1px 1px rgb(217 221 227 / 50%); 
 }


.bx{
    border: 1px solid #eee;
      box-shadow: 0 1px 0 #fff inset, 0 1px 1px rgb(217 221 227 / 50%);

}
.new_tag2{
    border: 1px solid #eee;
    padding: 5px 3px;
}



.nav-custom{
    margin-top: 25px !important;
    padding: 5px !important;

    margin-bottom: 15px !important;
    margin-right: 5px !important;

    border-left: 4px solid #ccc !important;
    color: #b0aeae !important;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%) !important;
      text-align: center !important;
    font-weight: 600 !important;
    position: relative !important;
}
.user_content h6{
    font-size: 20px;
    margin: 0px;
    font-weight: 600;
}
.headline{
    font-size: 22px;
    color: #000;
}
.fee{
    display:flex;
    justify-content: space-between;
}
.fee span{
    font-size: 16px;
}
.fee span em{
    color: #888;
    font-style: normal;
}
.btn_sm .btn{
    height: 32px;
    padding: 0px 15px;
}
.on_off{
    border: 1px solid #dae0e5;
    border-radius: 3px;
    overflow: hidden;
}
.user_img input{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.user_img .fas{
    position: absolute;
    bottom: 3px;
    right: 10px;
    background: #01C7F4;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 8px;
    z-index: 1;
    cursor: pointer;
    border:1px solid #fff;
    box-shadow:0px 0px 0px 2px #01C7F4;
}
.setting_form .form-group{
    padding-right: 100px;
    margin: 0px;
}
.setting_form label{
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
}
.setting_form .form-control{
    border: 0px;
    padding-left: 0px;
    font-weight: normal;
    font-size: 18px;
}
.setting_form .form-control:focus{
    border: 0px;
    box-shadow: none;
}
.edit_option{
    position: absolute;
    right: 15px;
    top: 40px;color: #888;
    transition: ease-in-out 0.5s;
    opacity: 0;
}
.edit_option:hover{
    text-decoration: none;
    color: #333;
}
.setting_form .form-group:hover .edit_option{
    opacity: 1;
}
.setting_form .input-group .dropdown-toggle {
    display: flex;
    align-items: center;
    padding-right: 10px;
    font-size: 18px;
}
select.form-control{
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px;
    background-image: url("../img/down-arrow.png");
    background-repeat: no-repeat;
    background-size: 9px;
    background-position:  91% 55%;
    font-size: 14px;
    min-height: 38px;
}
.after_login .navbar-nav .nav-item .dropdown-toggle.nav-link:after, .nav-item .dropdown-toggle.nav-link:after{
    content: '' !important;
    border-right: .3em solid transparent;
    top: 20px;
    right: -10px;
}
.navbar-nav .dropdown-menu{
    left: auto;
    right: 0;
}
 .fa-star{
     color: #01C7F4;
 }

.search-box input {
    border: none;
    border-radius: 30px;
    width: 80%;
    background: #fafafa;
    height: 34px;
    text-align: center;
}
.search-box input::placeholder {
    color: #888;
    margin-left: 20px;
}
.search-box input:focus {
    outline: none;
}
.profile-image img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}
.settings-tray {
    background: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
}
.settings-tray .no-gutters {
    padding: 0;
}
.settings-tray--right {
    float: right;
}
.settings-tray--right i {
    margin-top: 10px;
    font-size: 16px;
    color: grey;
    margin-left: 14px;
    transition: 0.3s;
}
.settings-tray--right i:hover {
    color: #01C7F4;
    cursor: pointer;
}
.search-box {
    padding: 10px 13px;
    display: flex;
    align-items: center;
}
.search-box .input-wrapper {
    background: #fafafa;
    border-radius: 40px;
    padding: 0 10px;
    flex: 1;
}
.user_login{
    text-align: center;
    padding: 18px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_login h6{
    margin-left: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
.user_login .profile-image{
    box-shadow:0 0 0 2px rgb(18, 219, 18);
    border: 2px solid #fff;
    width: 80px;
    height: 80px;
}
.active_user{
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    background:rgb(18, 219, 18);
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #fff;
}
.profile-image{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    position: relative;
}
.search-box .fas{
    margin: 0 0 0 10px;
    color: #888;
}
.search-box .fas img{
    width: 20px;
}
.search-box .fas:hover{
    text-decoration: none;
}
.search-box .input-wrapper i {
    color: grey;
    margin-left: 7px;
    vertical-align: middle;
}
.friend-drawer {
    padding:16px 25px;
    display: flex;
    vertical-align: baseline;
    background: #fff;
    transition: 0.3s ease;
    position: relative;
}
.friend-drawer .text {
    margin-left: 12px;
    flex: 1;
    max-width: 80%;
}
.friend-drawer .text h6 {
    margin-top: 6px;
    margin-bottom: 0;
    font-weight: 600;
    color: #333;
}
.friend-drawer .text p {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.friend-drawer .time {
    color: #b7b7b7;
    position: absolute;
    top: 20px;
    right: 10px;
}
.friend-drawer--onhover:hover {
    background: #7f7f7f;
    cursor: pointer;
}
.friend-drawer--onhover:hover p, .friend-drawer--onhover:hover h6, .friend-drawer--onhover:hover .time {
    color: #fff !important;
}
.chat-bubble {
    padding: 5px 10px;
    background: #01C7F4;
    margin: 10px 30px;
    color: #fff;
    border-radius:0px 8px 8px 8px;
    position: relative;
    animation: fadeIn 1s ease-in;
    display: inline-block;
    width: auto;
}
.friend-drawer .text p.text-light {
    color: #bbb8b8 !important;
    font-size: 14px;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
   }
    100% {
        opacity: 1;
   }
}
.offset-md-6 .chat-bubble {
    background: #fff;
    border: 1px solid #01C7F4;
    color: #333;
    border-radius:8px 0px 8px 8px;
}
.chat-box-tray {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    margin-top: 19px;
    border: 1px solid #ccc;
    border-radius: 5px;
    justify-content: space-between;
}
.chat-box-tray input {
    margin: 0 10px;
    padding: 6px 10px;
    border: none;
    border-radius: 0px;
    flex: 1;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.chat-box-tray a {
    color: grey;
    font-size: 18px;
    vertical-align: middle;
    padding: 0 0px;
}
.chat-box-tray a:hover{
    text-decoration: none;
}
.chat_window hr{
    margin: 0px;
}
.chat_window .shadow{
    box-shadow: 0 0 14px rgba(0,0,0,.15) !important;
    height: 100%;
}
.date_time{
    margin: 0px;
    font-size: 12px;
    text-align: right;
    color: #c6c6c6;
}
.chat-bubble--right .date_time{
    color: #fff;
}
.menu_drop{
    position: relative;
}
.menu_drop .fas{
    color: #888;
}
.menu_drop .dropdown-menu{
    left: auto !important;
    right: 0;
    transform: none !important;
    top: 30px !important;
}
.scroll_area{
    overflow: auto;
    max-height: 500px;
}
.user_scoll{
    overflow: auto;
    max-height: 500px;
}
.login_profile{
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
}
.form-control:focus, .fillter .btn:focus{
    box-shadow: none;
}
.fillter .form-control{
    color: #848484;
    font-weight: normal;
}
.fillter .btn{
    font-weight: 600;
    font-size: 16px;
    padding: 10px 5px;
}
.filter_option{
    margin: 15px 0;
    transition: ease-in-out 0.5s;
    display: none;
}
.pagination{
    justify-content: end;
}
.pagination .page-link{
    border:0px;
    border-radius: 100%;
    padding: 5px 10px;
}
.pagination .page-item.active .page-link{
    background: #ECF1F3;
    font-weight: bold;
    color: #000;
}
.pagination .page-item:last-child .page-link, .pagination .page-item:first-child .page-link{
    background: none;
}
.filter_option.show_fillter{
    display:block;
}
.filter_option h6 {
    font-size: 16px;
}
.filter_option .styled-checkbox + label {
    cursor: pointer;
    font-size: 14px;
}
.filter_option .checkbox{
    margin-bottom: 5px;
}
.filter_option .styled-checkbox + label::before{
    width: 15px;
    height: 15px;
    margin-top: 3px;
}
.filter_option .styled-checkbox:checked + label::before {
    background: #011c47;
    border: 1px solid #011c47;
}
.filter_option .styled-checkbox + label{
    padding-left: 25px;
}
.filter_option .styled-checkbox:checked + label::after {
    left: 3px;
    top: 10px;
    box-shadow: 1px 0 0 white, 3px 0 0 white, 3px -1px 0 white, 3px -3px 0 white, 3px -5px 0 white, 3px -7px 0 white;
}
.job_list{
    padding:7px 20px;
    background: #FFFFFF;
    margin-bottom: 20px;
    box-shadow: 0px 2px 7px 2px rgba(64, 64, 64, 0.03);
}
.job_list:hover span{
    opacity: 1;
}
.job_list h4{
    font-size: 24px;
    margin: 0 0 5px 0;
    font-weight: bold;
    padding-right: 80px;
    position: relative;
    color: #292929;
}
.job_list h4 a{ color: #292929;}
.job_list h4 span{
    position: absolute;
    top: 0;
    right: 0;
}
.opacity-1{
    opacity: 1 !important;
}
.job_list a i{
    color: #484848;
    font-size: 14px;
    margin: 0 5px 0 0;
}
.job_list a:hover{
    text-decoration: none;
    color: #011028;
}
.job_list p a{
    color: #262626;
}
.job_list h6{
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px 0;
}
.location_text{
    font-size: 14px;
    margin: 0 0 15px 0;
}
.location_text small{
    margin: 0 10px 0 0;
    font-size: 13px;
}
.location_text small i{
    color: #484848;
    margin-right: 8px;
}
.badge-primary{
    background: #01C7F4;
}
.price_text{
    font-size: 16px;
}
.price_text strong{
    font-size: 18px;
}
.side_menu{
    display:none !important;
    background: #fff;
    padding:8px 0px 0px 19px;
    width: 40px;
    height: 40px;
    color: #707070;
    position: absolute;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    z-index: 99;
    top: 30px;
    right: -40px;
    transition: ease-in-out 0.5s;
}
.side_menu:hover{
    color: #000;
    text-decoration: none;
}
.location{
    background-image: url(../img/pin.png);
    background-repeat: no-repeat;
    background-position: right 14px;
    background-size: 13px;
}
.btn_xs{
    font-size: 14px;
    padding: 8px 15px !important;
    height: auto !important;
}
/*---------------------- multiselect -------------------*/

span.multiselect-native-select {
    position: relative;
    width: 100%;
}
.multiselect.dropdown-toggle.btn{
    padding: 0px 10px 0 10px;
    height: 38px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}
.multiselect.dropdown-toggle.btn:focus{
    box-shadow: none;
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 10px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0;
}
.multiselect-native-select .dropdown-menu.multiselect-container  {
    max-height: 200px;
    overflow: auto;
    width: 100%;
}
.multiselect-native-select .btn-group {
    width: 100%;
}
/* autocomplete tagsinput*/
.label-info {
    background-color: #5bc0de;
    display: inline-block;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
  }
.tokenize{
    width: 100%;
}
.tokens-container.form-control{
    border: 0px;
    margin: 0px;
}
.tokens-container.form-control:focus, .tokenize.focus > .tokens-container{
    box-shadow: none !important;
    border: 0px !important;
}
.input_icon.search_icon{
    height: auto;
}
.badge_dark{
    padding: 5px 10px;
    background: #d7d7d7;
}
.close_absolute{
    position: absolute;
    right: 20px;
    top: 10px;
}
.panel{
    padding: 10px 10px !important;
}
.panel h6{
    font-size: 17px;
    color: #000;
    margin: 0 0 15px 0;
    font-weight: bold;
}
.panel .main_title{
    font-size: 28px;
    color: #4E4E4E;
    margin: 0 0 15px 0;
    font-weight: bold;
    flex-direction: column;
}
h6.sub_title{
    font-size: 20px;
}
canvas{
    height: 100%;
}

.sidebar-active{
    opacity: 1 !important;
    color: #01c7f4 !important;
    font-weight: bold !important;
    z-index: 99 !important;
    background-color : #ffff !important;
    border-left: 4px solid #01c7f4;
   
}
.nav_shadow{
    box-shadow:0 2px 6px rgba(0,0,0,.15);
}
/*--------------------- New Home css -----------------------*/
.navbar-fixed-top .navbar-nav .nav-item{
    position: relative;
}
.navbar-fixed-top .navbar-nav .nav-item .nav-link{
    text-transform: none;
    font-family: 'Nunito', sans-serif;
    transition: ease-in-out 0.5s;
}
.navbar-fixed-top{
    padding: 15px 20px;
}
.navbar-fixed-top .navbar-nav .nav-item svg path{
    transition: ease-in-out 0.5s;
}
.navbar-fixed-top .navbar-nav .nav-item.active .nav-link,
.navbar-fixed-top .navbar-nav .nav-item:hover .nav-link,
.navbar-fixed-top .navbar-nav .nav-item:hover svg path{
    fill:#fff;
    color: #01C7F4;
}
.navbar-fixed-top .navbar-nav .nav-item:after{
    content: '';
    position: absolute;
    bottom: -18px;
    height: 5px;
    right: 0;
    left: 0;
}
.navbar-fixed-top .navbar-nav .nav-item:hover:after,
.navbar-fixed-top .navbar-nav .nav-item.active:after{
    background: #01C7F4;
}
.navbar-fixed-top .navbar-nav .nav-item.dropdown::after, .navbar-fixed-top .navbar-nav .nav-item.nav_btn::after{
    content: none;
}
.navbar-fixed-top .navbar-nav .nav-link::after{
    content: none;
}
.navbar-fixed-top .btn{
    min-width: 117px;
}
.btn-primary{
    background: #01C7F4;
    border-color: #01C7F4;
    box-shadow: 0px 2px 8px 2px rgba(0, 158, 194, 0.28);
    border-radius: 0px;
}
.btn-primary:hover, .btn-primary:focus{
    background: #28D4FB;
    border-color: #28D4FB
}
.baner_section{
    padding: 50px 0 0 0;
}
.baner_section h2{
    /* font-size:36px; */
    font-weight: bold;
    margin-bottom: 0px;
}
.baner_section p{
    color: #484848;
    margin: 10px 0 15px 0;
    font-size: 16px;
}
.text-primary{
    color: #01C7F4 !important;
}
.custom_radio{
    display: inline-block;
}
.custom_radio [type="radio"]:checked,
.custom_radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom_radio [type="radio"]:checked + label,
.custom_radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.custom_radio [type="radio"]:checked + label:before,
.custom_radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #01C7F4;
    border-radius: 100%;
    background: #fff;
}
.custom_radio [type="radio"]:checked + label:after,
.custom_radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #01C7F4;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom_radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom_radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.search_field{
    display: flex;
    align-items: center;
    padding: 4px 15px 4px 20px;
    background: #fff;
    border:1px solid #efefef;
    margin: 20px auto;
    /* width: 90%;  */
}
.search_field .search_area{
    flex: 1;
    display:inline-flex;
    align-items: center;
    border-right: 1px solid #ccc;
    margin-right: 15px;
}
.custom_radio label{
    margin: 0px;
}
.search_area .form-control{
    font-weight: normal;
    font-size: 14px;
}
.search_area .form-control::placeholder{
    color: #000;
}
.gray_box{
    background: #ECF1F3;
    padding: 20px 30px;
    margin: 100px 0;
}
.gray_box .col-lg-3{
    padding: 10px 0;
}
.gray_box .col-lg-3{
    display: flex;
    align-items: center;
}
.gray_box img{
    margin-right: 25px;
}
.gray_box span{
    font-size: 24px;
    font-weight: bold;
    flex: 1;
    line-height: 26px;
}
.dot_list{
    margin: 0px;
    padding: 0px;
}
.dot_list li{
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.dot_list li a{
    display:flex;
    margin: 0px;
    transition: ease-in-out 0.5s;
    padding:25px 15px 25px 30px;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #292929;
    justify-content: space-between;
    width: 100%;
    border-bottom: 2px solid #292929;
    position: relative;
}
.dot_list li a small{
    color:#01C7F4;
    font-size: 14px;
    text-align: right;
    min-width: 160px;
}
.dot_list li a:hover{
    text-decoration: none;
    color: #01C7F4;
}
.dot_list li a small img{
    margin-left: 15px;
}
.dot_list li a:after{
    content:'';
    position: absolute;
    left: 6px;
    top: 45px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #01C7F4;
}
.gray_bg{
    background: #ECF1F3;
}
.qualifiy{
    background: #ECF1F3;
    margin: 100px 0;
}
.qualifiy h2{
    margin: 0px 0 15px 0;
}
.qualifiy p{
    margin: 0px;
}
.qualifiy .d-flex{
    flex-direction: column;
    justify-content: center;
}
.qualifiy .d-flex .btn{
    max-width: 180px;
}
.transform_upper{
    transition: ease-in-out 0.5s;
}
/* .transform_upper:hover{
    transform: translateY(-10px);
} */
.work_list{
    margin-bottom:50px;
    padding-right: 20px;
}
.work_list h6{
    font-size: 24px;
    color: #01C7F4;
    margin:0px 0px;
    font-weight: bold;
}
.work_list p{
    margin: 0px;
}
.work_list p small{
    margin: 0 0 0px 0;
    color: #484848;
    font-size: 16px;
}
.side_progress{
    padding-left: 80px;
    position: relative;
    margin-top: 50px;
}
.side_progress span{
    position: absolute;
    left: 0;
    top: 0;
}
.min_width160px{
    min-width:160px;
}
.company_logo{
   margin:50px 0px;
   padding: 0px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.company_logo li{
    margin: 0px;
    padding: 10px 0;
    width: 20%;
    list-style: none;
    text-align: center;
}
.company_logo li img{
    opacity: 0.3;
    transition: ease-in-out 0.5s;
}
.company_logo li:hover img{
    opacity: 0.8;
}
.user_comment{
    display: inline-block;
    padding:24px 10px 15px 55px;
    position: relative;
    transition: ease-in-out 0.5s;
    cursor: pointer;
    min-width:180px;
    width: 100%;
}
.owl-item .item{
    padding:15px 10px;
}
.user_comment .profile_iocn{
    border-radius: 100%;
    width: 34px;
    height: 34px;
    display: inline-block;
    position: absolute;
    left: 10px;
}
.profile_iocn img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.user_comment p{
    margin: 0px;
    line-height: 20px;
}
.user_comment:hover, .synced .user_comment{
    box-shadow: 0px 2px 7px 2px rgba(64, 64, 64, 0.15);
}
.user_comment:after{
    content:'';
    position: absolute;
    top: -10px;
    right: 23px;
    background: url(../img/top_icon.png) no-repeat top center;
    width: 42px;
    height: 29px;
    opacity: 0;
    transition: ease-in-out 0.5s;
}
.user_comment:hover:after, .synced .user_comment:after{
    opacity: 1;
}
.big_star{
    width: 45px;
}
.blog_container p{
    margin: 0px;
}
.blog_container h4{
    font-style: 24px;
    margin: 0px 0 10px 0;
    font-weight: bold;
}
.blog_container h4 a{
    color: #262626;
}
.blog_container .read_more{
    margin: 15px 0 0 0;
    display: inline-block;
    font-weight: bold;
    color: #01C7F4;
}
.blog_container{
    cursor: pointer;
}
.blog_container:hover a{
    color: #01C7F4;
    text-decoration: underline;
}
.searc_bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 60px 100px;
    margin: 110px 0;
    box-shadow: 0px 2px 7px 2px rgba(64, 64, 64, 0.15);
}
.searc_bar .form-control{
    flex: 1;
    border: 0px;
    border-bottom: 2px solid #292929;
    border-radius: 0px;
    margin-right: 130px;
    color: #292929;
    font-weight: bold;
    font-size: 24px;
    padding: 0px;
}
.searc_bar .form-control::placeholder{
    color: #292929;
}
.footer_container{
    background: #ECF1F3;
    padding: 30px;
}
.footer_container h5{
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}
.footer_container ul{
    margin:15px 0 0 0px;
    padding: 0px;
}
.footer_container ul li{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.footer_container ul li a{
    margin: 0px;
    padding:5px 0px;
    display: inline-block;
    width: 100%;
    color: #484848;
    font-size: 16px;
}
.footer_container ul li a:hover{
    color: #01C7F4;
}
.social_icons_small{
    margin: 0px 0 15px 0;
}
.social_icons_small a{
    display: inline-block;
    margin: 0 15px 0 0;
}
.footer_container .text-light{
    color: #C4C4C4 !important;
}
.bg_image, .footer_bg{
    position: relative;
    width: 100%;
}
.footer_bg{
    overflow: hidden;
}
.bg_image .container, .footer_bg .container{
    z-index: 1;
    position: relative;
}
.bg_image::after{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../img/img-2.png) no-repeat top right;
    width: 50%;
    display: inline-block;
    height: 100%;
    z-index: 0;
}
.bg_image::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/img-1.png) no-repeat top left;
    width: 50%;
    display: inline-block;
    height: 100%;
    z-index: 0;
}
.footer_bg::after{
    content: '';
    position: absolute;
    top:10%;
    right: 0px;
    background: url(../img/bg-2.png) no-repeat top right;
    width: 50%;
    display: inline-block;
    height: 100%;
    z-index: 0;
    background-size: 450px;
}
.footer_bg::before{
    content: '';
    position: absolute;
    bottom: -150px;
    left: 0px;
    background: url(../img/bg-1.png) no-repeat top left;
    width: 50%;
    display: inline-block;
    height: 100%;
    z-index: 0;
    background-size: 450px;
}
.comment_area i img{
    display: inline-block !important;
}
.comment_area .owl-dots{
    text-align: left !important;
    margin: 0px !important;
}
.owl-theme .owl-dots .owl-dot span{
    width: 8px;
    height: 8px;
    border: 1px solid #01C7F4;
    background: #fff !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #01C7F4 !important;
}
.owl-theme button:focus {
    outline:0px !important;
}
.expert_profile{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: inline-block;
    margin:0 0 15px 0;
}
.expert_profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    border: 4px solid #01C7F4;
}
.expert_info h4{
    font-size: 24px;
}
.expert_info p{
   margin: 5px 0;
}
.other_options span{
    font-style: 16px;
    margin-right: 10px;
    font-weight: bold;
}
.cookies{
    display: flex;
    position: fixed;
    bottom: 0px;
    padding:15px;
    background: #000;
    color: #fff;
    left: 0;
    right: 0;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.cookies .btn{
    padding:7px 20px;
    height: auto;
    margin-left: 15px;
    text-decoration:none
}
.cookies a{
    color: #fff;
    text-decoration: underline;
}
.cookies p{
    margin: 0px;
}
.other_options span img{
    width: 20px;
    margin-right: 5px;
}
.other_options{
    margin: 0 0 15px 0 !important;
}
.other_options span{
    margin-right: 10px;
    position: relative;
    padding: 0 15px 0 0;
    color: #575757;
}
.other_options span a{
    color: #575757;
}
.other_options span:after{
    content: '|';
    position: absolute;
    right: 0;
    font-size: 16px;
}
.other_options span:last-child:after{
    content: '';
}
.other_options span i{
    margin-right: 5px;
}
.expert_details p{
    line-height: 26px;
}
.badge_lg{
    padding: 10px;
    font-size: 16px;
}
.badge_grey{
    background: #e0e0e0;
}
.feedback{
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.feedback:last-child{
    border: 0px;
}
.feedback .profile{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin-right: 20px;
}
.feedback .profile img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}
.feedback_content{
    flex: 1;
}
.feedback_content p{
    line-height: 26px;
}
.feedback_content h6{
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: bold;
}
.feedback_content h6 small{
    font-size: 14px;
}
.font_18{
    font-size: 18px;
}
.normal_p{
    line-height: 25px !important;
}
.right_ul{
    margin:0px;
    padding: 0px;
}
.right_ul li{
    display: flex;
    justify-content: space-between;
    margin:0px;
    padding:15px 0px;
    list-style: none;
    font-weight: bold;
}
.social_list a{
    display: inline-block;
    width: 100%;
    color: #484848;
    text-decoration: none;
    padding: 0px;
    font-size: 18px;
    margin: 10px 0;
}
.social_list a img{
    width: 25px;
    margin-right:20px;
}
.social_list a:hover{
    color: #000;
}
.job_list:last-child{
    /* border-bottom: 0px; */
}
.proposal{
    text-align: center;
    line-height: 20px;
}
.proposal b{
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #01C7F4;
}
.total_users{
    position: relative;
    padding-left:95px;
}
.total_users p{
    position: absolute;
    left: 0;
}
.total_users ul{
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.total_users li{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    list-style: none;
    position: relative;
}
.total_users li span{
    width: 50px;
    display: inline-block;
    height: 50px;
    border-radius: 100%;
    margin: 0 2px;
}
.total_users li:nth-child(2) span{
    width: 45px;
    height: 45px;
}
.total_users li:nth-child(3) span{
    width: 40px;
    height: 40px;
}
.total_users li:nth-child(4) span{
    width: 35px;
    height: 35px;
}
.total_users li:nth-child(5) span{
    width: 30px;
    height: 30px;
}
.total_users li span img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.total_users li p{
    position: absolute;
    color: #fff;
    top: 6px;
    left: 4px;
    z-index: 1;
    margin: 0px;
    font-size: 13px;
}
.ancher_text{margin:10px 0 0 0px; }
.ancher_text a{
    color: #262626;
    padding:0 10px;
    margin: 0px;
    position: relative;
}
.ancher_text a:after{
    content: '|';
    position: absolute;
    right: -5px;
}
.ancher_text a:last-child::after{
    content: '';
}
.ancher_text a:hover{
    text-decoration: underline;
}
.post_job{
    text-align: center;
    width: 100%;
}
.post_job p{
    margin: 5px 0;
}
.post_job h6{
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
}
.post_job .btn{
    border: 0px;
    margin: 10px 0 30px 0;
    color: #fff;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 5px;
    max-width: 190px;
    font-size: 14px;
    line-height: 25px;
}
.search_options li a{
    color: #333;
    padding: 5px 0;
    margin:0 10px 15px 0;
    display: inline-block;
}
.search_options li a:hover{
    text-decoration: none;
}
.search_options li.active a{
    border-bottom: 2px solid #01C7F4;
    color: #01C7F4;
}

/* -------------------- Progress steps ----------------------- */
.progressbar {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }

  .progressbar li {
    position: relative;
    list-style: none;
    text-align: left;
    font-size: 14px;
    padding-left: 40px;
    color: #484848;
    min-height: 60px;
  }

  /* Circles */
  .progressbar li:before {
    content:'';
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #ECF1F3;
    border: 1px solid #ECF1F3;
    position: absolute;
    left: 0;
    /* Center # in circle */
    line-height: 20px;
  }

  .progressbar li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ECF1F3;
    top:-55%;
    bottom: -50%;
    z-index: -1;
    left: 10px;
  }

  .progressbar li:first-child:after {
    content: none;
  }
  .progressbar li.active:before{
    background: #fff;
    border-color: #01C7F4;
  }
  .progressbar li.completed:before  {
    background: #01C7F4 url(../img/check.png) no-repeat center;
    content:'';
    color: #fff;
    border-color: #01C7F4;
  }

  .progressbar li.active + li:after, .progressbar li.completed + li:after {
    background: #01C7F4;
  }
  .progressbar li.active, .progressbar li.completed{
      color: #292929;
      font-weight: bold;
  }
.upload_icon{
    background: url(../img/upload.svg) no-repeat center;
    width: 45px;
    height: 43px;
    display: inline-block;
}
.input-group-text{
    background: none !important;
    border: 1px solid #eee;
    border-right:0px !important;
    padding-right: 5px;
    border-radius:0px;
}
.input-group > .form-control{
    border-left: 0px;
}
.value_box{
    padding: 5px 15px !important;
    border-left: 1px solid #eee;
    height: 100%;
}
.filter_search{
    align-items: normal;
    padding: 0px;
    min-height: 54px;
}
.filter_search .search_area {
    margin-right: 0px;
    padding-left: 15px;
}
.filter_search .btn{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
}
.gps{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px 0 0;
    color: #262626;
}
.gps img{
    margin-right: 10px;
}
.gps:hover{
    color: #000;
}
.filter_btn{
    /* border-color: #eee; */
    height: 38px;
    padding: 0px;
    line-height: 38px;
    box-shadow: none;
}
.filter_btn img{
    width: 15px;
}
.new_list{
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}
.new_list p{
    margin-bottom: 5px;
}
/* .filter_btn:hover, .filter_btn:focus{
    background: #fff;
    border-color: #262626;
    color: #262626;
} */
.reset{
    color: #262626;
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
    /* position: absolute;
    right: 0;
    bottom: 25px; */
    margin-top: 7px;
}
.reset:hover{
    color: #28D4FB;
}
.short_by{
    height:54px;
}
.filter_outer{
    position: relative;
    /* padding-right: 80px !important; */
}
.proposal_box{
    box-shadow: none;
    border: 1px solid #eee;
    border-bottom: 1px solid #eee !important;
    position: relative;
    border-radius: 6px !important;
    overflow: hidden;
    background: #fbfbfb;
}
.gold_tag em {
    margin: -37px 0 0 0;
    border: 0;
    position: absolute;
    right: 5px;
    font-style: normal;
    z-index: 1;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.gold_tag{
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-top: 40px solid #01c7f4;
    border-left: 40px solid transparent;
}
.total_list{text-align: center;}
.total_list h4 {
    color: #01c7f4;
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 18px;
    padding: 0px;
}
.total_list{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    background: #f9f9f9;
    padding: 25px 15px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
}
.total_list span {
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 16px;
}
.total_list ul{
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
}
.total_list li {
    width: auto;
    margin-right: -17px;
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
}
.total_list figure {
    margin: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid #fff;
}
.total_list figure img {
    display: block;
    width: 100%;
    border-radius: 50%;
}
.proposal_box sub{
    font-size: 75%;
}
.proposal_box em{
    font-style: normal;
}
.proposal_deatils{
    min-height: 80px;
    text-align: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.proposal_deatils:after{
    content: '';
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #fff;
}
.proposal_deatils h5 {
    font-size: 24px;
    margin: 0 0 4px;
    font-weight: 400;
    line-height: 24px;
}
.proposal_deatils i {
    color: #868686;
    font-size: 19px;
    margin: 0 0 4px;
}
.proposal_deatils span {
    color: #01c7f4;
    font-size: 13px;
    margin: 0;
}
.amount{
    border: 1px solid #eee;
    overflow: hidden;
    padding: 0 20px 0 0;
}
.amount .form-control, .amount .input-group-text{
    border: 0px;
}
.amount_arrow{
    position: relative;
    padding-right: 30px;
}
.down_arrow{
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 23px;
    color: #bfbaba;
    cursor: pointer;
}
.amount_list{
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-top: 15px;
    list-style: none;
    line-height: 16px;
}
.amount_list li {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    list-style-type: none;
}
.amount_list li h3{
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.amount_list li h3 i {
    color: #01c7f4;
    font-size: 16px;
}
.amount_list li h3 em {
    font-size: 14px;
    color: #323232;
    font-style: normal;
    line-height: inherit;
}
.amount_list li span {
    float: right;
    font-size: 13px;
}
.amount_list li span strong {
    color: #767676;
    font-weight: 700;
}
.amount_list li span i {
    border: 0;
    color: #2ecc71;
    margin-left: 5px;
    line-height: inherit;
}
.amount_list li + li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.ui-autocomplete-category {
    background: #eee;
    padding: 5px 10px;
    border-bottom: 1px solid #d3d3d3;
}
.ui-menu .ui-menu-item a{
    margin: 0px !important;
    padding: 5px 20px;
}
.ui-autocomplete.ui-widget-content {
    height: 250px;
    overflow: auto;
    padding: 0;
    text-align: left;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border: 0px;
    cursor: pointer;
    background: #01c7f4;
    color: #fff !important;
}
.nav-item ul li{
    list-style: none;
}
.search_header{
    position: relative;
    flex: 1;
    margin: 0px 43px;
}
.search_header .fas{
    position: absolute;
    left: 10px;
    top: 12px;
}
.search_header input{
    padding-left: 33px;
}
.faq_search{
    margin: 30px 0;
    box-shadow: 0 0px 6px rgba(0,0,0,.1);
    border: 0px;
    padding: 0px 0px 0px 20px;
}
.search_field.faq_search .search_area{
    border-right: 0px;
}
.search_field.faq_search .btn{
    min-width: 150px;
}
.right_fqa_content{
    background: #ECF1F3;
    padding: 30px;
    margin: 0 0 0px 0;
    margin-top: 100px;
}
.right_fqa_content ul{
    margin: 0px;
    padding: 0px;
}
.right_fqa_content ul li{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}
.right_fqa_content ul li a{
    color: #000;
    margin: 0px;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}
.right_fqa_content ul li:last-child a{
    border: 0px;
}
.right_fqa_content ul li a:hover, .right_fqa_content ul li a.active{
    text-decoration: none;
    color: #01C7F4;
}
.right_fqa_content h6{
    font-size: 22px;
    font-weight: bold;
}
.id_text{
    color: #bebebe;
    font-size: 14px;
    margin: 0px;
    font-weight: 600;
}
.faq_content .card{
    border: 0px;
    border-radius: 0px;
    border-bottom: 2px solid #333 !important;
}
.faq_content .card-header{
    background: none;
    padding: 0px;
    border: 0px;
}
.faq_content .card-header .btn-link{
    padding: 20px;
    position: relative;
    height: auto;
    color: #28D4FB;
    font-size: 18px;
}
.faq_content .card-header .btn-link.collapsed:after{
    content:"\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 0;
}
.faq_content .card-header .btn-link:after{
    content:"\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 0;
}
.faq_content .card-header .btn-link.collapsed{
    color: #333;
}
.faq_content .card-header .btn-link:hover{
    text-decoration: none;
}
.faq_content .card-header .btn:focus {
    box-shadow:none;
    text-decoration: none;
}
.faq_content .card-body{
    padding-top: 0px;
}
.faq_content{
    margin-bottom: 40px;
}
.sort_select{
    display: flex;
    border: 1px solid #eee;
    padding-left: 10px;
    align-items: center;
}
.js-sortBy{
    font-size: 14px;
    height: 52px;
    padding-left:5px;
    flex: 1;
    border: 0px;
}
.figure_content h3{
    font-size: 36px;
    font-weight: bold;
}
.figure_content h4{
    display: inline-block;
    width: 100%;
    color: #01C7F4;
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: bold;
}
	.dropdown-toggle::after {
		display: none !important;
	}
.figure_content p{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.gray_box.figure_content {
    padding: 50px 30px;
}
.gray_box.figure_content .col-lg-3 {
    flex-direction: column;
    justify-content: center;
}
.gray_box em{
    font-style: normal;
    color: #01C7F4;
}
.expert_box{
    text-align: left;
}
.expert_box h6{
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0 0 0;
}
.expert_box p{
    text-align: left;
    margin: 10px 0;
}
.expert_box .btn{
    min-width: 100px;
}
.trialect_why{
    margin-top: 20px;
}
.trialect_why h5{
    font-size: 24px;
    font-weight: bold;
    margin: 15px 0;
}
.trialect_why ul{
    margin: 0px;
    padding: 0px;
}
.trialect_why ul li{
    margin: 0px;
    padding:5px 0px;
    padding-left: 18px;
    list-style: none;
    position: relative;
    font-size: 16px;
}
.trialect_why ul li::after{
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    position: absolute;
    top: 9px;
    left: 0;
}
.logo_slider .owl-stage{
    display: flex;
    align-items: center;
}
.logo_slider.owl-carousel .owl-item img{
    opacity: 0.2;
}
.logo_slider .owl-nav{
    position: absolute;
    top: -50px;
    right: 0;
    margin: 0px !important;
}
.logo_slider .owl-nav button{
    height: 20px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}
.logo_slider .owl-nav button span{
    font-size: 36px;
    font-weight: bold;
    color: #01C7F4;
}
.logo_slider.owl-theme .owl-nav [class*="owl-"]:hover {
    background:none;
}
.table_view{
    margin: 100px 0 0 0;
    padding: 0 15px;
}
.table_view h6{
    font-weight: bold;
    font-size: 22px;
}
.table_view .row{
    border-bottom: 1px solid #e6e6e6;
}
.table_view p{
    position: relative;
    padding-left: 40px;
}
.table_view .fas{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    display:flex;
    position: absolute;
    top: 5px;
    background: #ECF1F3;
    left: 0px;
}
.content_section{
    padding:20px 25px;
    height: 100%;
}
.content_section.active{
    background: #ECF1F3;
}
.content_section.active .fas{
    background: #01c7f4;
    color: #fff;
}
.payment_outer{
    display:inline-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-left: 180px;
    min-height: 90px;
    margin: 15px 0;
    width: 100%;
}
.payment_icon{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    width: 150px;
    height: 90px;
}
.payment_content ul{
    margin: 0px;
    padding: 0px;
}
.payment_content ul li{
    margin: 0px;
    padding: 0px 0 0 15px;
    list-style: none;
    font-size: 16px;
    position: relative;
}
.payment_content ul li:after{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #333;
}
.setup_text{
    font-size: 18px;
    color: #000;
    white-space: nowrap;
}
.setup_text:hover{
    color: #01C7F4;
    text-decoration: none;
}
.project_title{
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 40px 0;
}
.project_title span{
    color: #28D4FB;
}
.checkbox label{
    font-weight: normal;
}
.input-group-text{
    font-size: 14px;
}
.notification{
    width: 20px;
    height: 20px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #28D4FB;
    color:#fff;
    position: absolute;
    bottom: 0;
    right: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
}
.notification_box{
    width: 300px;
    padding: 0px;
}
.profile_notification{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}
.profile_notification img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.notification_box .media{
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.notification_box .media:last-child{
    border: 0px;
}
.notification_box .media.active{
    background: #f7f7f7;
    font-weight: bold;
}
.notification_box .media p{
    margin: 0px;
    line-height: normal;
    font-style: 14px;
}
.left_chat{
    text-align: right;
}
.waiting_text{
    text-align: center;
    margin: 15px 0;
}
.video_section{
    width: 50%;
    /* display: inline-block;  */
    float: left;
}
.video_outer .modal-dialog{
    max-width: 643px;
    width: 100%;
}
.video_outer .modal-body{
    padding: 20px;
}
.video_outer video {
    max-width: 100% !important;
    float: left;
    width: 100%;
}
/* -------------------- Reponsive Css ---------------------- */
@media(min-width:992px){
    .custom_col .col-lg-10{
        flex: 0 0 79.333%;
        max-width: 78.333%;
    }
    .custom_col .col-lg-2{
        flex: 0 0 20.667%;
        max-width: 20.667%;
    }
    .sort_select{
        margin-top: 20px;
    }
    .state_width{
        max-width: 20%;
        flex: 0 0 19.666667%;
    }
}
@media(max-width:1200px){
    .navbar-fixed-top .navbar-nav .nav-item:after {
        bottom: -21px;
    }
.sidebar ul li a{
    padding-right: 20px;
}
.navbar-fixed-top .navbar-nav .nav-item .nav-link{
    font-size: 14px;
    padding: 7px;
}
.navbar-fixed-top .btn{
    min-width: auto;
    padding: 10px;
}
}
@media(max-width:991px){
nav-item .dropdown-toggle.nav-link:after {
 content: none !important;
 border: none;
 display:none !important;
}
.dropdown-menu{
	width: 200px !important;
}

	.dropdown-toggle::after {
		display: none !important;
	}

    .mobile_menu{
        width: auto !important;
        flex-direction: row !important;
        display: flex !important;
        position: absolute;
        right: 77px;
        z-index: 9;
    }
    .navbar-fixed-top {
        padding:5px 10px;
    }
    .notification_box{
        left: -150px !important;
    }
    .mobile_menu .dropdown-menu{
        position: absolute;
    }
    .sort_select{
        margin-bottom: 20px;
    }
    .navbar-toggler {
        padding: 0px 3px;
        font-size: 16px;
    }
.navbar-fixed-top .navbar-nav .nav-item::after {
    bottom: 0;
}
.figure_content h3 br{
    display: none;
}
.search_header{
    margin: 10px 0;
}
.reset{
    position: relative;
    bottom: 0px;
    margin-bottom: 15px;
}
.filter_outer{padding-right: 5px !important;}
    .navbar-nav{
        display: inline-block;
        width: 100%;
    }
    .nav_btn{
        display: inline-block;
        width: auto;
        margin-right: 15px;
    }
    .navbar-fixed-top .btn{
        width: 100%;
        max-width: 480px;
        margin: 10px 0;
    }
    .ancher_text{text-align: left;}
    .navbar-collapse{
        position: absolute;
        top: 51px;
        padding: 0 15px;
        background: #fff;
        z-index: 10;
        right: 0;
        left: 0;
        border-top: 1px solid #ccc;
    }
    .company_logo{
        margin: 0px;
    }
    .gray_box{
        margin: 30px 0;
    }
    .register_content{
        border-top: 1px solid #efefef;
        z-index: 1;
        right: 0;
        left: 0;
        padding-top: 15px;
        margin: 0px !important;
        width: 100%;
        order: 3;
    }
    .footer_bg::before, .footer_bg::after{
        content: none !important;
    }
    .container, .container-lg, .container-md, .container-sm{
        max-width: 98%;
    }
    .searc_bar{
        padding: 30px;
    }
    .nav-pills{
        flex-direction: row !important;
    }
    .nav-pills .nav-link {
        margin-right: 5px;
        padding: 5px 7px;
        font-size: 14px;
    }
.mobile_view.new_nav {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    background: transparent;
    align-items: flex-end;
}
.page_title {
    margin: 80px 0 50px 0;
}
.faq_title{
    margin-top: 80px;
}
.slider_text {
    padding: 0 0 0 15px !important;
}
.people_section h3 {
    margin: 0px 0 20px 0;
    font-size: 26px;
}
.mobile_view {
    flex: 1;
    display: flex;
    position: absolute;
    align-items: center;
    bottom:-58px;
    right: 0;
    left: 0;
    padding:0 20px;
    background: #f9f7f7;
}
h2{
    margin-top: 0px;
}
.search_input{
    flex: 1;
    margin-right: 30px;
    background: #fff;
}
.search_input input{
    flex: 1;
}
.mobile_view .navbar-nav{
    flex-direction: row;
}
.main_navbar{
    position: absolute;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}
.main_navbar .nav-item {
    border-top: 1px solid #ccc;
}
}
@media(max-width:768px){

    .navbar-content{
        max-width: 70% !important;
        margin-left: 15px;
    }

   
        .mobile{
        display: flex !important;
        justify-content:space-between;
    }
    .mobile_hide{
        display: none;
    }
    .mobile_menu{
        right: 58px;
    }
.expert_box, .expert_box p{
    text-align: center;
}
.expert_box.border-right{
    border-right: 0px !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
    .table_view {
        margin: 50px 0 0 0;
    }
    .right_fqa_content{
        margin-top: 0px;
    }
    .proposal_deatils:after{
        right: 0;
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 5px;
    }
    .right_content.pl-5{
        padding-left: 15px !important;
    }
    .navbar-fixed-top {
        padding: 5px 10px;
    }
    .sidebar ul{
        margin-top: 0px !important;
    }
    .value_box {
        padding: 5px 0 !important;
        border-top: 1px solid #eee;
        border-left:0px;
    }
    .feedback_content h6{
        flex-direction: column;
    }
    h2 {
        font-size: 30px;
    }
    .baner_section h2 {
        font-size: 28px;
    }
    .gray_box span {
        font-size: 16px;
    }
    .dot_list li a {
        padding: 15px 5px 15px 30px;
        font-size: 16px;
    }
    .dot_list li a:after {
        top: 24px;
    }
    .searc_bar{
        margin: 30px 0;
    }
    .searc_bar .form-control{
        margin-right: 20px;
    }
    .qualifiy {
        margin: 40px 0;
    }
    .big_star {
        width: 25px;
    }
    .work_list {
        margin-bottom: 20px;
        padding-right: 10px;
    }
    .company_logo li {
        width: 33.33%;
    }
    .company_logo {
        margin: 0px 0px;
    }
    .user_comment {
        padding: 24px 23px 15px 68px;
    }
    .user_comment .profile_iocn {
        left: 10px;
    }
.side_menu{
    display: inline-block !important;
}
.sidebar{
    overflow: auto;
    background: #fff;
    padding:15px 0;
    border: 1px solid #e6e6e6;
    width: 220px;
    border-radius: 0 4px 4px 0;
    bottom: 0;
    min-height: calc(100vh - 86px);
}
#side_nav{
    left: -230px;
    top: 0px;
    position: absolute;
    z-index: 1;
}
#side_nav.show_menu{
    left:0px;
}
.job_list h4 {
    font-size: 20px;
}
.price_text {
    text-align: left !important;
}
.job_list h6 {
    font-size: 18px;
}
.container, .container-sm {
    max-width: 100%;
}
.mtop_100 {
    margin-top: 0;
}
.slider_text {
    margin-top: 40px;
    margin-bottom: 20px;
}
.modal-title {
    font-size: 26px;
}
.container{
        max-width: 100%;
    }
}
@media(max-width:580px){

    .payment_outer{
        flex-direction: column;
        padding: 15px;
        border: 1px solid #eee;
        align-items: center;
        text-align: center;
    }
    .payment_content ul li:after{
        content: normal;
    }
    .payment_content ul{
        margin: 15px 0;
    }
    .payment_icon{
        position: relative;
    }
    .gray_box.figure_content {
        padding: 20px;
    }
    .figure_content h3 {
        font-size: 26px;
    }
    h6.sub_title {
        font-size: 17px;
    }
    .searc_bar{
        flex-direction: column;
    }
    .searc_bar .form-control{
        margin: 0 0 20px 0;
    }
    .search_field{
        flex-direction: column;
        padding:10px;
    }
    .search_field .search_area{
        border: 0px;
        margin: 0px 0 10px 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        width: 100%;
    }
    .main_title{
        flex-direction: column;
        padding:0px !important;
    }
    .form_flex{
        margin: 20px 0 0 0;
    }
    .budget_box .input-group {
        width: 97px;
    }
    .nav-pills {
        flex-direction: column !important;
    }
    .employer_btns .btn {
        height: 55px;
        font-size: 15px;
        width: auto;
    }
    .page_title {
        margin: 110px 0 30px 0;
    }
    .faq_title{
        font-size: 26px;
        margin-top: 110px;
    }
    .sub_title{
        font-size: 18px;
    }
    h2 {
        font-size: 22px;
    }
    .banner_conetnt h2 {
        margin-top: 120px;
    }
    .navbar-brand{
        max-width: 140px;
    }
    .banner_conetnt p {
        max-width: 100%;
    }
    .min_width300 {
        min-width: 270px;
    }
    h5 {
        font-size: 28px;
    }
    .people_section h3 {
        font-size: 22px;
    }
    .people_section h3 br{
        display: none;
    }
    .people_section{
        margin: 0px 0 20px 0;
    }
    .mobile_view{
        flex-direction: column;
        padding: 0 10px;
        bottom: -96px;
    }
    .modal-body {
        padding-left: 10px;
        padding-right: 10px;
    }
    .input_icon{
        height: 50px;
        margin: 0 0 15px 0;
        border-radius: 5px;
        padding: 6px 9px;
    }
    .input_icon em {
        padding-right: 10px;
        margin-right: 0;
        min-width: 43px;
    }
    .input_icon input {
        padding-top: 0px;
    }
    .search_input {
        margin-right: 0;
        margin-left: 0 !important;
    }
    .mobile_view .navbar-nav.ml-auto{
        margin-left: 0 !important;
    }
}
@media(max-width:576px){
    .gps{
        margin-bottom: 15px;
    }
    .col-sm-4.text-right{text-align: left !important;}
    .company_logo li {
        width: 50%;
    }
.fillter .form-control {
    border: 1px solid #ccc !important;
    width: 100% !important;
    margin-bottom: 15px;
}
.fillter .border-right{
    border: 0px !important;
}
.fillter .pr-4{
padding-right: 5px !important;
}
.fillter .btn{
    background: #011028;
    color: #fff;
}
.searc_bar {
    padding: 15px;
}
.searc_bar .form-control{
    font-size: 19px;
}
}
@media (max-width:480px){
     .mb-flex{
        display: flex;
    }
    .w-70,.w-80,.w-50{
        width: 100% !important;
    }
     .mobile-width{
        max-width: 280px !important;
    }
     .f-m{
        font-size: 20px;
    
     
     }
     .f-18{
        margin-left: 10px;
     }
     #narrative p {
        margin-left: 5px;
     }
    #show{
        display: none;
    }

    .hide{
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        z-index: 9999;
        color: #01C7F4;
        border: 1px solid #eee;
        background-color: #fffefe;

    }
     #nav-sidebar{
        max-height: 250px;
        background-color: #fff;
        overflow-y: scroll;
    }
       .navbar-content{
        max-width: 94% !important;
        margin-left: 15px;
    }
    .nav_btn {
        width: 100%;
        margin: 0px;
    }
    .navbar-fixed-top .btn{
        margin-left: 0px !important;
    }
    .ui-autocomplete.ui-widget-content {
        left: 15px !important;
        right: 0 !important;
        width: 290px !important;
    }
    .total_users p {
        font-size: 14px;
        width: 70px;
    }
    .proposal b{
        font-size: 16px;
    }
    .total_users {
        padding-left: 75px;
    }
    .ancher_text a {
        font-size: 15px;
        padding: 0 6px;
    }
    .total_users li p{
        width: auto;
    }
    .total_users li span {
        width: 45px;
        height: 45px;
    }
    .total_users li:nth-child(2) span {
        width: 42px;
        height: 42px;
    }
}

/*---------------------- profile-model -------------------*/

.profile-close{
    float: right;
}
.profile-close i{
    font-size: 20px;
}
.profile-model ul{
    list-style-type: none !important;
    padding-left: 0;
}
.profile-model{
    padding: 0 !important;
}
.profile-model li{
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 20px 15px;
}
.profile-model h4{
    text-align: left !important;
}
.profile-model a{
    text-decoration: none !important;
}
.profile-model p{
    color: #434e65;
}
.profile-right-icon{
    display: flex;
    align-items: center;
}
.profile-right-icon i{
    color: #ccc;
    font-size: 40px;
}




/**
 * Author: Conquerors
 */
 .required {
    color: red;
 }
@media (max-width:380px){
    .navbar-content{
        max-width: 92% !important;
    }
    .bd-50{
    border-radius: 12px !important;
    padding: 7px 12px !important;
    height: 37px !important;
    }

    .flex-end{
        display: flex;
        justify-content: flex-end;
    }
    .add-button{
        margin-right: 7px;
    }
   
}



.plan{
    font-size: 15px;
    font-weight: 700;
    opacity: 0.6;
    margin-bottom: 8px !important;
}