/*--------------------- Copyright (c) 2021 --------------------------
[Master Stylesheet]
Project: Job Board
Version: 1.0.0
Author: webstrot
-------------------------------------------------------------------
[Table of contents] 
1. Body 
2. Typography
3. Buttons
4. Loading
5. Intro Slider
6. Authentic Page
7. Header
8. Menu Bar
9. Content
10. Heading
11. Infobox
12. Content Banner
13. Invitation
14. Job Single
15. Profile
16. Message/Chating
17. Filter
18. Footer
------------------------------------------------------------------- */
/*---------- Body Start ----------*/
body {
    font-family: 'Lato', sans-serif;
	font-size: 12px;
    line-height: 14.4px;
	color: rgb(17 17 17 / 51%);
    background-color: #ffffff;
    margin: 0;
    font-weight: 400;
	-webkit-font-smoothing: antialiased;
} 
html {
    scroll-behavior: smooth;
}
/*---------- Typography Start ----------*/
a, a:hover, a:focus{
	color: rgb(17 17 17 / 51%);
	text-decoration: none;
}
a, button{
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serif;
    color: #111111;
    font-weight: 400;
    line-height: normal;
}
img {
	max-width: 100%;
}
input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
	outline: none !important;
	box-shadow:none;
}
img, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
*::-webkit-input-placeholder {
    color: rgb(17 17 17 / 51%);
}
*::-moz-placeholder {
    color: rgb(17 17 17 / 51%);
}
*:-ms-input-placeholder {
    color: rgb(17 17 17 / 51%);
}
*:-moz-placeholder {
    color: rgb(17 17 17 / 51%);
}
body.modal-open, body:hover {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
/*---------- Buttons Start ----------*/
.djb_btn, .djb_btn_small{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 270px;
    height: 44px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19.2px;
    color: #ffffff;
    border: 0;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_btn_small{
    min-width: 60px;
    height: 24px;
    font-size: 10px;
    line-height: 12px;
}
.djb_btn:hover, .djb_btn_small:hover{
    color: #ffffff;
    box-shadow: 0px 5px 30px -15px #000000;
}
.djb_btn_small:hover{
    box-shadow: 0px 3px 15px -6px #000000;
}
.djb_btn:focus, .djb_btn_small:focus{
    color: #ffffff;
}
/*---------- Loading Page Start ----------*/
.djb_mainframe{
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}
.djb_innerframe{
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 100%;
    flex-wrap: wrap;
    background-color: #ffffff;
    position: relative;
    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
    border-radius: 4px;
    overflow: hidden;
}
.djb_loader_wrap{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-image: url(../images/loading_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    border-radius: 4px;
}
.djb_loader_wrap img{
    width: 120px;
    border-radius: 4px;
    -webkit-animation: action 0.8s infinite  alternate;
    animation: action 0.8s infinite  alternate;
}
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
/*---------- Intro Slider Start ----------*/
.djb_intro_wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    position: relative;
}
.djb_intro_wrap .djb_btn_small{
    position: absolute;
    right: 15px;
    top: 15px;
}
.djb_intro_logo{
    width: 120px;
}
.djb_intro_slider{
    margin-top: 40px;
}
.djb_intro_slider.owl-theme .owl-dots .owl-dot span {
    background: #6F68FE;
    opacity: 0.3;
}
.djb_intro_slider.owl-theme .owl-dots .owl-dot.active span, .djb_intro_slider.owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
}
.djb_intro_slider.owl-carousel .owl-nav button.owl-next, .djb_intro_slider.owl-carousel .owl-nav button.owl-prev{
    font-weight: 600;
}
.djb_intro_slider.owl-theme .owl-dots{
    padding-top: 15px;
    width: 150px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.djb_intro_slider.owl-theme .owl-nav{
    position: absolute;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    bottom: 0;
    z-index: 0;
}
.djb_intro_slider.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: #6F68FE;
}
.djb_intro_slider .item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.djb_intro_slider .item h4{
    font-size: 22px;
    line-height: 26.4px;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}
.djb_intro_slider .item p{
    text-align: center;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 0 25px;
}
.djb_intro_slider .item .djb_btn{
    margin-top: 20px;
}
.owl-carousel .owl-item img{
	width:auto;
}
/*---------- Auth Page Start ----------*/
.djb_auth_wrap{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    padding: 20px 5px;
    background-color: #ffffff;
    background-image: url(../images/auth_bg.jpg?v=2);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    border-radius: 4px;
}
.djb_auth_logo{
    width: 120px;
}
.djb_auth_wrap h4{
    font-size: 26px;
    line-height: 31.2px;
    color: #ffffff;
    margin: 10px 0;
}
.djb_auth_formbox{
    display: flex;
    width: 310px;
    max-width: 100%;
    padding: 30px 20px;
    margin-top: 20px;
    border-radius: 30px;
    background-color: #ffffff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.161);
    position: relative;
}
.djb_auth_formbox form{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.djb_input_feild{
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}
.djb_input_feild input{
    display: flex;
    width: 100%;
    align-items: center;
    height: 44px;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
    padding: 0 20px 0 0;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
}
.djb_input_feild img{
    position: absolute;
    right: 10px;
}
.djb_frgt_rmmbr{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.djb_frgt_rmmbr a{
    color: #6F68FE;
    text-transform: capitalize;
}
.djb_checkbox_wrap {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    color: #111111;
}
.djb_checkbox_wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.djb_checkmark {
    position: absolute;
    top: 1.5px;
    left: 0;
    height: 12px;
    width: 12px;
    border: 1px solid #999999;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
}
.djb_checkbox_wrap input:checked ~ .djb_checkmark {
    background-color: #000;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    border: 1px solid #000;
}
.djb_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.djb_checkbox_wrap input:checked ~ .djb_checkmark:after {
    display: block;
}
.djb_checkbox_wrap .djb_checkmark:after {
    left: 3px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}  
.djb_auth_btn{
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #000;
    border: 4px solid #ffffff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.161);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -25px;
    overflow: hidden;
	z-index: 9;
}
.djb_auth_options{
    display: flex;
    width: 100%;
    flex-direction: column;
    position: absolute;
    bottom: 30px;
    align-items: center;
}
.djb_auth_options img{
    width: 244px;
    height: 45px;
    margin-bottom: 15px;
    cursor: pointer;
}
.djb_auth_options img:hover{
    box-shadow: 0px 5px 30px -15px #000000;
}
.djb_auth_links{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}
.djb_auth_links p{
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    color: #111111;
    font-weight: 500;
}
.djb_auth_links p a{
    color: #6F68FE;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 25px;
}
/*---------- Header Start ----------*/
.djb_header_wrap{
    display: flex
;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    background: linear-gradient(90deg, #e0e0e0 0%, #e0e0e0 100%);
    position: fixed !important;
    top: 0;
    z-index: 9;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #adadad
}
.djb_header_menuicon{
    display: flex;
    min-width: 56px;
    position: relative;
}
.djb_header_menuicon img{
    cursor: pointer;
    height: 18px;
}
.djb_header_heading{
    display: flex;
    width: auto;
}
.djb_header_heading h4{
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
}
.djb_header_searchfilter{
    display: flex;
    min-width: 56px;
}
.djb_header_searchfilter ul{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}
.djb_header_searchfilter ul li{
    display: flex;
    width: auto;
    padding: 0;
    padding-right: 20px;
    position: relative;
}
.djb_header_searchfilter ul li:last-child{
    padding-right: 0px;
}
.djb_header_searchfilter ul li img{
    cursor: pointer;
    height: 18px;
}
.djb_search_box{
    position: absolute;
    left: 0px;
    top: 59px;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
    display: flex;
    width: 100%;
    flex-direction: column;
    z-index: 1;
    display: none;
}
.djb_searchbox_head{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.djb_searchbox_head h6{
    margin: 0;
}
.djb_search_field{
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}
.djb_search_field input{
    height: 40px;
    width: calc(100% - 45px);
    background-color: #f1f1f1;
    border: 0;
    padding: 0 10px;
    border-radius: 4px 0px 0px 4px;
}
.djb_search_field span{
    display: flex;
    width: 45px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
    cursor: pointer;
}
/*---------- Menu Bar Start ----------*/
.menu-btn{
    position: relative;
    z-index: 99;
    right: 0px;
    left: 15px;
    top: 20.5px;
    height: 18px;
    width: 25px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.menu-btn span, .menu-btn:before, .menu-btn:after{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    border-bottom: 2px solid #000;
    transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-btn:before{
    transform: translateY(-8px);
}
.menu-btn:after{
    transform: translateY(8px);
}
.close {
    z-index: 1;
    width: auto;
    height: auto;
    pointer-events: none;
    transition: background .6s;
}
#active:checked + .menu-btn span {
    transform: scaleX(0);
}
#active:checked + .menu-btn:before {
    transform: rotate(45deg);
    border-color: #111111;
}
#active:checked + .menu-btn:after {
    transform: rotate(-45deg);
    border-color: #111111;
}
.wrapper{
    position: absolute;
    top: 0;
    left: -100%;
    height: 0%;
    width: 0%;
    background-color: rgb(0 0 0 / 20%);
    transition: all 0s ease-in-out;
    z-index: 10;
    padding-top: 59px;
}
#active:checked ~ .wrapper{
    left:0;
    height: 100%;
    width: 100%;
    transition: all 0.6s ease-in-out;
}
.wrapper::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80%;
    background-color: #ffffff;
    z-index: -1;
    box-shadow: 0px 0px 30px -15px #000000;    
    opacity: 0;
}
#active:checked ~ .wrapper::after{
    opacity: 1;
    transform: none;
    transition-timing-function: ease, cubic-bezier(.1,1.3,.3,1);
    transition-delay: .6s;
}
.wrapper ul{
    display: flex;
    width: 80%;
    height: 100%;
    flex-direction: column;
}
.wrapper ul li{
    display: flex;
    width: 100%;
}
.wrapper ul li a{
    display: flex;
    width: 100%;
    padding: 5px 20px;
    font-size: 16px;
    line-height: 19px;
    margin: 5px 0;
    color: #111111;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease;
    transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrapper ul li a:hover{
    color: #6F68FE;
}
input[type="checkbox"]{
    /*display: none;*/
}
#active:checked ~ .wrapper ul li a{
    opacity: 1;
    transform: none;
    transition-timing-function: ease, cubic-bezier(.1,1.3,.3,1);
    transition-delay: .6s;
}
.wrapper ul li a span{
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 15px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.wrapper ul li a span img{
    width: 18px;
    height: 18px;
}
/*---------- Content Start ----------*/
.djb_content_wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 60px 15px 53px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 800px;
    border-radius: 4px;
   /* background-color: #ffffff;*/ 
}
.djb_content_wrap::-webkit-scrollbar {
    width: 0px;
}
.djb_content_wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.djb_content_wrap::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px;
}
.djb_banner_wrap{
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.djb_banner_wrap a{
    display: flex;
    width: 100%;
}
.djb_banner_wrap img{
    width: 100%;
}
/*---------- Heading Start ----------*/
.djb_heading_wrap{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.djb_heading_wrap h5{
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.djb_heading_wrap a{
    display: flex;
    align-items: center;
    color: #6F68FE;
    text-transform: capitalize;
}
.djb_heading_wrap a img{
    margin-left: 5px;
}
.djb_homecate_wrap{
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}
.djb_homecate_wrap ul{
    display: flex;
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
}
.djb_all_cate_wrap ul{
     
     flex-wrap: wrap;
    width: auto;
	
}
.djb_homecate_wrap ul li{
    display: flex;
    width: 100%;
    padding: 0 5px;
}
.djb_all_cate_wrap ul li{
    width: 33.3333333%;
    padding: 0 5px 10px 5px;
}
.djb_homecateboxes{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 95px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    border-radius: 4px;
}
.djb_homecateboxes:hover{
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 20%);
}
.djb_homecateboxes a{
    display: flex;
    width: 100%;
    padding: 10px 5px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
	 
}
.djb_all_cate_wrap .djb_homecateboxes{
    width: 100%;
}
.djb_homecateboxes h6{
    font-size: 11px;
    line-height: 13px;
    margin: 8px 0 4px 0;
    text-transform: uppercase;
}
.djb_homecateboxes:hover h6{
    color: #6F68FE;
}
.djb_homecateboxes p{
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
}
.djb_homecate_wrap .djb_homecateboxes{
    width: 100%;
    min-height: 77px;
}
.djb_homecate_wrap .owl-carousel .owl-item {
    margin: 5px 0px 15px 0px;
}
.djb_homecate_wrap .owl-carousel .owl-item img{
    width: auto;
}
/*---------- Infobox Start ----------*/
.djb_infobox_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_infobox_wrap.djb_messages_wrap{
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.djb_messages_wrap>a{
    padding: 10px;
    border-radius: 4px;
}
.djb_messages_wrap>a:hover{
    background-color: #f1f1f1;
}
.djb_messages_wrap .djb_infobox_header{
    margin-bottom: 0;
}
.djb_infobox_header{
    display: flex;
    width: 100%;
    align-items: flex-start;
    position: relative;
    margin-bottom: 10px;
}
.djb_infobox_img{
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #f1f0fe;
}
.djb_infobox_header img{
    width: 35px;
    height: 35px;
}
.djb_infobox_img img{
    width: auto;
    height: auto;
}
.djb_infobox_heading{
    display: flex;
    width: calc(100% - 35px);
    padding-left: 10px;
    flex-direction: column;
}
.djb_messages_wrap .djb_infobox_heading{
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}
.djb_infobox_heading h6{
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 5px 0;
    text-transform: capitalize;
}
.djb_infobox_heading h6 a{
    color: #111111;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: 70px;
    font-size: 14px;
    line-height: 17px;
}
.djb_infobox_heading h6 a:hover{
    color: #6F68FE;
}
.djb_infobox_heading span{
    color: #C6C6C6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 70px;
}
.djb_infobox_header>span{
    position: absolute;
    right: 0;
    top: 0;
    text-transform: capitalize;
}
.djb_infobox_header>span svg:hover path, .djb_infobox_header>span.active svg path{
    fill: #6F68FE;
    cursor: pointer;
}
.djb_infobox_content{
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}
.djb_infobox_content p{
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.djb_infobox_footer{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.djb_infobox_footer p{
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    color: #111111;
}
.djb_infobox_btn{
    display: flex;
    width: auto;
    align-items: center;
}
.djb_infobox_btn span{
    color: #D21616;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
}
.djb_infobox_btn .djb_btn_small{
    margin-left: 8px;
}
.djb_notification_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    padding-bottom: 0;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_notification_wrap .djb_infobox_wrap{
    margin-bottom: 15px;
}
.djb_notification_wrap .djb_infobox_heading span{
    -webkit-line-clamp: 2;
    padding-right: 0px;
}
.djb_infolast_wrap .djb_infobox_header{
    margin-bottom: 0px;
}
.djb_infolast_wrap .djb_infobox_heading {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.djb_testimonials_slider.owl-carousel .owl-item img{
    width: 35px;
}
.djb_testimonials_slider .djb_infobox_heading h6 a{
    margin-right: 0px;
}
.djb_testimonials_slider .djb_infobox_heading span {
    padding-right: 0px;
}
.djb_testimonials_slider .djb_infobox_content{
    margin-bottom: 0;
}
.djb_testimonials_slider .djb_infobox_content p {
    overflow: initial;
    -webkit-line-clamp: initial;
}
/*---------- Content Banner Start ----------*/
.djb_content_banner{
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.djb_content_banner a{
    display: flex;
    width: 100%;
}
.djb_content_banner img{
    width: 100%;
}
/*---------- Invitation Wrap Start ----------*/
.djb_invite_wrap{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.djb_invite_wrap h4{
    margin: 15px 0;
    font-size: 26px;
    line-height: 31px;
    color: #6F68FE;
}
.djb_invite_wrap p{
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
}
.djb_invite_wrap img{
    margin: 30px 0 70px 0;
}
.djb_invite_wrap .djb_btn{
    margin-bottom: 30px;
}
/*---------- Company Single Start ----------*/
.djb_comp_single_topbg{
    display: flex;
    width: 109%;
    height: auto;
    position: relative;
    top: -16px;
    left: -15px;
}
.djb_comp_single_topbg>img{
    width: 100%;
}
.djb_top_infobox{
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-top: -52px;
    z-index: 2;
    background-color: #ffffff;
}
.djb_top_infobox_job{
    margin-top: 0;
}
.djb_top_infobox_job .djb_address_wrap{
    justify-content: space-between;
}
.djb_jobinfo_wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e8e8;
}
.djb_jobinfo_wrap img{
    margin-bottom: 5px;
}
.djb_address_wrap{
    display: flex;
    width: 100%;
    align-items: center;
}
.djb_address_wrap>span{
    text-transform: capitalize;
}
.djb_address_wrap>a{
    text-transform: capitalize;
    color: #6F68FE;
}
.djb_img_name_address{
    display: flex;
    align-items: center;
    width: 210px;
}
.djb_img_name_address>img{
    width: 35px;
    height: 35px;
}
.djb_name_address{
    display: flex;
    width: calc(100% - 35px);
    flex-direction: column;
    padding-left: 10px;
}
.djb_name_address h6{
    text-transform: capitalize;
}
.djb_name_address p{
    margin: 0;
}
.djb_name_address p span{
    margin-left: 5px;
}
.djb_companyabout_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_companyabout_wrap h6, .djb_jobinfo_wrap h6{
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    text-transform: capitalize;
}
.djb_companyabout_wrap p, .djb_jobinfo_wrap p{
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
}
.djb_jobinfo_wrap p span{
    background-color: #f1f1f1;
    padding: 5px 10px;
    margin: 0 0 0 10px;
    border-radius: 4px;
    text-transform: uppercase;
}
.djb_introvideo_wrap{
    display: flex;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_introvideo_wrap video{
    width: 100%;
    border-radius: 4px;
}
.djb_map_wrap{
    display: flex;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_map_wrap iframe{
    width: 100%;
    height: 175px;
    border-radius: 4px;
}
.djb_socialicon_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_socialicon_wrap ul{
    display: flex;
    width: 100%;
}
.djb_socialicon_wrap ul li{
    display: flex;
    width: auto;
    margin-right: 15px;
}
.djb_socialicon_wrap ul li:last-child{
    margin-right: 0px;
}
.djb_socialicon_wrap ul li a{
    display: flex;
    width: 100%;
}
.djb_jobdesc_wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.djb_jobdesc_wrap .nav-link {
    color: #111111;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
}
.djb_jobdesc_wrap .nav-pills .nav-link.active, .djb_jobdesc_wrap .nav-pills .show>.nav-link {
    color: #ffffff;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
/*---------- Job Single Start ----------*/
.djb_descrip_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_descrip_wrap ul li{
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}
.djb_descrip_wrap ul li::after{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #111111;
    border-radius: 100px;
}
.djb_descrip_wrap ul li:last-child{
    margin-bottom: 0px;
}
.djb_descrip_wrap ul li p{
    margin-bottom: 0;
}
.djb_ratingbox_wrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
}
.djb_side {
    width: 25%;
    margin-top:5px;
}
.djb_middle {
    margin-top:10px;
    width: 60%;
}
.djb_side.djb_right {
    width: 15%;
    text-align: right;
}
.djb_bar_container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
}
.djb_bar_5 {
    width: 60%;
    height: 4px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_bar_4 {
    width: 30%;
    height: 4px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_bar_3 {
    width: 10%;
    height: 4px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_bar_2 {
    width: 4%; 
    height: 4px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_bar_1 {
    width: 15%;
    height: 4px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_giverating_box{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
}
.djb_giverating_box>input{
    display: flex;
    width: 100%;
    align-items: center;
    height: 44px;
    border: 0;
    border-bottom: 1px solid #999999;
    border-radius: 0;
    margin: 0px 0 15px 0;
}
.djb_submitedrating_box .djb_infobox_header>span img {
    width: 56px;
    height: auto;
}
.djb_stars_box{
    width: 100%;
    display: flex;
}
.djb_stars_box form{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}
input.djb_star{
    display: none;
}
label.djb_star {
    padding: 5px;
    font-size: 18px;
    cursor: pointer;
}
input.djb_star:checked ~ label.djb_star:before {
    content:'\f005';
    color: #ffcc00  ;
    transition: all .25s;
}
label.djb_star:hover{
    transform: scale(1.3);
}
label.djb_star:before{
    content:'\f006';
    font-family: FontAwesome;
}
/*---------- Profile Start ----------*/
.djb_profileinfo_box{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_profileinfo_box form{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.djb_datafeilds{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.djb_datafeilds>label{
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.djb_datafeilds input[type="text"], .djb_datafeilds input[type="email"], .djb_datafeilds select{
    display: flex;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    height: 35px;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
}
.djb_radiobtn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-right: 30px;
    position: relative;
}
.djb_radiobtn [type="radio"]:checked, .djb_radiobtn [type="radio"]:not(:checked) {
    position: absolute;
    left: 0;
    opacity: 0;
}
.djb_radiobtn [type="radio"]:checked + label, .djb_radiobtn [type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: #111111;
    font-size: 14px;
    line-height: 17px;
}
.djb_radiobtn [type="radio"]:checked + label:before, .djb_radiobtn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #C6C6C6;
    border-radius: 100%;
    background: #C6C6C6;
}
.djb_radiobtn [type="radio"]:checked + label:after, .djb_radiobtn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #6F68FE;
    position: absolute;
    top: 3px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.djb_radiobtn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.djb_radiobtn [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.djb_datafeilds.djb_last_wrap{
    margin-bottom: 0px;
}
.djb_datafeilds_two{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.djb_datafeilds_two .djb_datafeilds{
    width: 48%;
}
.djb_datafeilds select{
    cursor: pointer;
}
.djb_datafeilds .bear-dates, .djb_datafeilds .bear-months, .djb_datafeilds .bear-years{
    width: 30%;
}
.djb_datepicker{
    justify-content: space-between;
}
.djb_fieldvalues{
    display: flex;
    width: 100%;
    border: 0;
    height: 20px;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    color: #111111;
    align-items: center;
    margin-bottom: 0;
}
.djb_resume_cv_box{
    display: flex;
    width: 100%;
    align-items: center;
}
.djb_resume_cv_info{
    display: flex;
    width: calc(100% - 50px);
    flex-direction: column;
    padding-left: 15px;
}
.djb_resume_cv_info h6{
    margin-bottom: 3px;
}
.djb_resume_cv_info p{
    margin-bottom: 0;
}
.djb_profileinfo_box ul{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: -3px;
}
.djb_profileinfo_box ul li{
    padding: 3px;
}
.djb_profileinfo_box ul li span{
    color: #ffffff;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
    text-transform: uppercase;
    display: flex;
    padding: 0 10px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 10px;
    line-height: 12px;
}
.djb_edit_btn{
    display: flex;
    width: 100%;
}
.djb_fileupload_box{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.djb_fileupload_box input{
    position: absolute;
    top: -20px;
    left: 0;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}
.djb_fileupload_box img{
    width: 24px !important;
    height: 24px !important;
    z-index: 1;
}
.djb_fileupload_box:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(111 103 254 / 20%);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}
.djb_fileupload_box:hover:after{
    opacity: 1;
    visibility: visible;
}
.djb_proedit_img{
    display: flex;
    width: 35px;
    height: 35px;
    position: relative;
}
.djb_proedit_img img{
    width: 35px;
    height: 35px;
}
.djb_uploadcv_box{
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 5px;
}
.djb_uploadcv_box input{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
}
.djb_profileinfo_box .choices__inner{
    padding: 0px;
    border: 0px;
    border-radius: 0px;
}
.djb_profileinfo_box .choices__list--multiple .choices__item {
    border-radius: 4px;
    border: 0px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
}
.djb_profileinfo_box .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border-left: 1px solid #ffffff;
    opacity: 1;
}
.djb_profileinfo_box .choices__input {
    min-width: 1ch;
    width: 2ch;
}
/*---------- Message/Chating Start ----------*/
.djb_chating_wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.djb_chat_in, .djb_chat_out{
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.djb_chat_out{
    flex-direction: row-reverse;
}
.djb_chat_in img, .djb_chat_out img{
    width: 35px;
    height: 35px;
    border-radius: 4px;
}
.djb_chat_box{
    display: flex;
    width: calc(100% - 35px);
    padding-left: 15px;
    flex-direction: column;
}
.djb_chat_out .djb_chat_box{
    padding-left: 0px;
    padding-right: 15px;
}
.djb_chat_info{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;
}
.djb_chat_out .djb_chat_info {
    align-items: flex-end;
}
.djb_chat_info p{
    color: #ffffff;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
    display: flex;
    width: auto;
    padding: 10px;
    border-radius: 0px 10px 10px 10px;
    margin: 0;
    min-height: 34px;
    min-width: 40px;
}
.djb_chat_out .djb_chat_info p{
    color: #111111;
    background: #f1f1f1;
    border-radius: 10px 0px 10px 10px;
}
.djb_chat_info span{
    margin-top: 2px;
    color: #111111;
    width: auto;
    display: flex;
    justify-content: flex-end;
    font-size: 10px;
}
.djb_chat_info p.typing .dot {
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-animation: typingg 1000ms linear 0s infinite;
    animation: typingg 1000ms linear 0s infinite;
    margin: 8px 4px 0px 4px;
}
.djb_chat_info p.typing .dot:nth-child(2) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}
.djb_chat_info p.typing .dot:nth-child(3) {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
@-webkit-keyframes typingg {
    0% {
        top: 0;
    }
    50% {
        top: -6px;
    }
    100% {
        top: 0;
    }
}
@keyframes typingg {
    0% {
        top: 0;
    }
    50% {
        top: -6px;
    }
    100% {
        top: 0;
    }
}
/*---------- Filter Start ----------*/
.djb_filter_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 16%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.djb_filter_wrap form{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.djb_filter_head{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.djb_filter_head h6{
    text-transform: capitalize;
    margin: 0;
}
.djb_rangeslider_wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 15px 0;
}
.slider-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-stacking .noUi-handle {
    z-index: 10;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s,top .3s;
    transition: left 0.3s,top .3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}
.noUi-base,.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.noUi-horizontal {
    height: 4px;
}
.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: -7px;
    top: -7px;
    background-color: #6F68FE;
    cursor: pointer;
}
.noUi-background {
    background: #C6C6C6;
}
.noUi-connect {
    background: #6F68FE;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}
.noUi-origin {
    border-radius: 2px;
}
.noUi-target {
    border-radius: 2px;
}
.noUi-draggable {
    cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}
.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.noUi-handle:active {
    border: 8px solid #6F68FE;
    border: 8px solid rgba(53,93,187,0.38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
}
[disabled].noUi-connect,[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled].noUi-origin,[disabled] .noUi-handle {
    cursor: not-allowed;
}
.djb_jobtype_wrap{
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.djb_jobtype_wrap ul{
    display: flex;
    width: 100%;
}
.djb_jobtype_wrap ul li{
    display: flex;
    width: 50%;
    flex-direction: column; 
}
.djb_jobtype_wrap ul li .djb_checkbox_wrap {
    margin: 10px 0 0 0;
}
.djb_btnwrap{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.djb_btnwrap span{
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #111111;
    cursor: pointer;
}
.djb_btnwrap span:hover{
    color: #6F68FE;
}
.djb_btnwrap .djb_btn{
    min-width: 220px;
}
.djb_experlevel_wrap{
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    justify-content: space-between;
    min-height: 19px;
}
.djb_experlevel_wrap .djb_radiobtn{
    margin-right: 0;
}
.djb_experlevel_wrap .djb_radiobtn [type="radio"]:checked + label, .djb_experlevel_wrap .djb_radiobtn [type="radio"]:not(:checked) + label{
    padding-left: 0;
}
.djb_experlevel_wrap .djb_radiobtn [type="radio"]:checked + label:before, .djb_experlevel_wrap .djb_radiobtn [type="radio"]:not(:checked) + label:before, .djb_experlevel_wrap .djb_radiobtn [type="radio"]:checked + label:after, .djb_experlevel_wrap .djb_radiobtn [type="radio"]:not(:checked) + label:after{
    opacity: 0;
}
.djb_experlevel_wrap .djb_radiobtn [type="radio"]:checked + label{
    font-size: 16px;
    line-height: 19px;
    color: #6F68FE;
}
/*---------- Footer Start ----------*/
.djb_footer_wrap{
      /* display: flex*/
;
   
    width: 100%;
    position: fixed !important;
    bottom: 0;
    z-index: 9;
    /* border-radius: 0 0 4px 4px; */
   background-color: #e3e1e1d1;
    border-top: 1px solid #d9d9d9;
    backdrop-filter: blur(5px);
}
.djb_footer_wrap ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px 15px;
    align-items: center;
}
.djb_footer_wrap ul li{
    display: flex;
    width: auto;
}
.djb_footer_wrap ul li a{
    display: flex;
    width: 60px;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 50px;
}
.djb_footer_wrap ul li a:hover, .djb_footer_wrap ul li.active a{
    -webkit-box-shadow: inset 0 0.5rem 1rem rgb(0 0 0 / 15%);
    box-shadow: inset 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.djb_footer_wrap ul li a:hover svg path, .djb_footer_wrap ul li.active a svg path{
    fill: #000;
}
.djb_chatinputfield{
    display: flex;
    width: 100%;
    align-items: center;
    padding: 8px 15px;
}
.djb_chatinputfield input[type="text"]{
    display: flex;
    width: calc(100% - 90px);
    align-items: center;
    height: 40px;
    background-color: #f1f1f1;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
}
.djb_chatinputfield span{
    display: flex;
    width: 35px;
    height: 35px;
    background: linear-gradient(90deg, #B446FF 0%, #6F68FE 100%);
    margin: 0 0 0 10px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.djb_chatinputfield span input[type="file"]{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
}
.djb_chatinputfield span img{
    width: 18px;
}



.preview_img{
				padding: 10px;
				border: 1px dashed #CCC;
				margin-bottom: 10px;
				width: 135px;
				height: 135px;
				border-radius: 22px;
				display: inline-block;
				
			}
			
			.image-upload > input
{
    display: none;
}

.image-upload img
{
    width: 30px;
    cursor: pointer; 
    margin-top: -30px;
    margin-left: 47px;
	
}