/*------------------------------------------------------------------
[Master Stylesheet]

Project:        JoDice
Version:        1.0
Last change:    21/01/2020
Primary use:    Job search

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1.  Prefix Styles
2.  Forms
3.  Header 
    3.1  Header 1
    3.2  Header 2
    3.3  Header 3
4.  Index Content
    4.1 Work section
    4.2 Featured Jobs
    4.3 Featured Posts
    4.4 Membership Plans
    4.5 Our Partners

7.  Footer
8.  Breadcrumb
9.  About Us Content: 
10. Shortcodes  
11. Blog
12. Product | List | Single | cart | Checkout
13. Some Common Section
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Fonts]

Base Fonts(Headings) 1 : Poppins 
Base Fonts(Content)  2 : Poppins

-------------------------------------------------------------------*/


/*--------------------------------------------------*/
/*1 Prefix Styles*/
/*--------------------------------------------------*/



body {
    /* font-family: 'Mier A'; */
    color: #666666;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    line-height: 1.5em;
}

a:hover,
a:focus {
    text-decoration: none;

}

button:focus,
button:hover,
select,
a,
select:focus {
    outline: none !important
}

.btn,
button {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 13px 20px;
}

.btn i {
    vertical-align: middle;
}

.btn-rounded {
    border-radius: 100px;
}

.btn:hover button:hover,
.btn:focus,
button:focus {
    box-shadow: none;
}

.select2-container {
    width: 100% !important;
}

.section-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.container {
    width: 100%;
    max-width: 1230px;
}

.normal-font-w {
    font-weight: 400 !important;
}



select,
input,
textarea {
    width: 100%;
    max-width: 100%;
}

img {
    max-width: 100%;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--thm-color-1);
}

.nav.nav-pills {
    border: 1px solid var(--thm-color-1);
    padding: 5px;
}

.tab-content {
    border: 1px solid var(--thm-color-1);
    margin-top: -1px;
}

.card {
    border: none
}

.card-header .card-link {
    padding: 0;
    background: var(--thm-color-1);
    color: #fff;
    padding: .75rem 1.25rem;
    border: none;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    border-radius: 2px;
}

.card-body {
    box-shadow: 0 6px 23px -9px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}

.showing_btns .btn {
    margin-bottom: 10px;
}

.full-width-iframe {
    width: 100%;
    border: none;
}

@media screen and (max-width: 991px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
}

/*--------------------------------------------------*/
/*End Prefix Styles*/
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*2 Forms*/
/*--------------------------------------------------*/
form {}

.field {
    position: relative;
    margin-bottom: 20px;
}

.form-group label {
    font-weight: 600;
    color: #333;
}

.field i {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 0;
    left: 10px;
    line-height: 0;
    margin: auto;
    background: #fff;
    z-index: 9;

}

.field input,
.field select,
.field textarea {
    background: transparent;
}

.big-form-group {
    background: #fff;
    padding: 15px 0;
    margin-bottom: 15px;
    border-radius: 6px;
    box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.1);
    margin-left: auto;
    margin-right: auto;
}

.form-group label {
    font-size: 14px;
    min-height: 21px;
    display: block;
}

.form-group .sublable {
    font-size: 13px;
    font-weight: 400;
}



.req {
    color: #1E46BE;
}


.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 8.5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*.form-control:focus{
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    border-color: transparent;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    border-color: transparent;
}
*/

.custom-control.custom-checkbox {
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    padding: 10px 15px 10px 30px;
    background: #f9eeee;
    margin: 0;
    border-radius: 100px;
}


.custom_checkboxes .custom_checkbox {
    display: inline-block;
    width: auto;

}

.custom_checkboxes .custom_checkbox input:checked~span {
    background: #372354;
}



.custom_checkboxes .custom_checkbox span {
    background: #efefef;
    padding: 6px 10px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    font-weight: 400;
}

.custom_checkboxes .custom_checkbox span i {
    font-weight: 900;
    margin-right: 8px;
    opacity: 0;
}

.custom_checkbox input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}

.custom_checkbox input:checked~span {
    background: #149934;
    color: #fff;
    padding-left: 25px;
}

.custom_checkbox input:checked~span i {
    opacity: 1;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 20px 0 44px;
    font-size: 14px;
    border: 1px solid #ced4da;
}

.select2-container .select2-selection--single {
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--fontgreen-color);
    color: white;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--fontgreen-color);
    line-height: 41px;
}

.select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--fontgreen-color);
}

.select2-dropdown {
    border-color: #fff;
    box-shadow: 4px 7px 30px -4px rgba(0, 0, 0, 0.4);
    /* border: 1px solid #1E46BE; */
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--main-bgdark-color);
    color: #fff;
}

/*--------------------------------------------------*/
/*End Forms*/
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*3 Header */
/*--------------------------------------------------*/
.header_menu {
    padding: 10px 0;
    transition: all 0.3s;
    z-index: 9999;
}

.header_menu.stick {
    background: rgba(255, 255, 255, 0.97);
    transition: all 0.4s;
    box-shadow: 0 0 11px -5px rgba(0, 0, 0, .3);
}

.header_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.logo {
    max-width: 200px;
    max-height: 51px;
}

.logo img {
    max-height: 51px;
}

.navigation nav>ul {
    margin: 0 30px 0 0;
    /* border-right: 2px solid rgba(0,0,0,0.03); */
    padding-left: 10px;
    padding-right: 10px;
}

.navigation nav>ul>li {
    display: inline-block;
    vertical-align: middle;
}

.navigation nav>ul>li>a {
    padding: 14px 20px;
    display: block;
    font-weight: 600;

}

.sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    width: 200px;
    padding: 0;
    box-shadow: 0 6px 16px 12px rgba(0, 0, 0, 0.04);
    z-index: 999;
    border-radius: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #eeeeee;

}


.sub-menu li {
    list-style: none;
}

.sub-menu li a {
    padding: 10px 20px;
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.login_pop {
    position: relative;
}

.login_pop_box {
    display: none;
    position: absolute;
    margin-top: 0;
    left: auto;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 412px;
    max-width: inherit;
    transform: translate3d(0, 0, 0px);
    background: #fff;
    border-color: #fff;
    top: 100%;
    bottom: auto;
    box-shadow: 0 10px 16px 0px rgba(0, 0, 0, 0.15);
    border: none;
}

.twobtn_cont {
    background: #f5f5f5;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.twobtn_cont a:hover {
    background: rgba(0, 0, 0, .1);
}

.twobtn_cont>a {
    display: block;
    width: 50%;
    text-align: center;
    padding: 20px 10px;
    color: #333333;
    position: relative;
}

.twobtn_cont>a span {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
}

.twobtn_cont>a i {
    position: absolute;
    top: 5px;
    bottom: auto;
    left: 5px;
    right: auto;
    line-height: 100%;
    font-size: 60px;
    height: 0;
    margin: auto;
    line-height: 1em;
    opacity: 0;
}

.login_pop_box>div {
    padding: 10px;
    text-align: center;
}

.member_btn {
    display: block;
    margin-bottom: 10px;
}

.lgin_btn {
    width: 100%;
    border-radius: 100px;
    max-width: 200px;
}

.after_login .btn-primary.withdp img {
    max-width: 53px;
    height: 53px;
    border-radius: 100px;
    position: absolute;
    top: -3px;
    bottom: 0;
    right: -3px;
    border: 4px solid #fff;
}

.after_login .btn-primary.withdp {
    padding-right: 56px;
    border-radius: 100px;
    position: relative;
    z-index: 9;
}

.after_login .btn-msg {
    background: #fff;
    border-radius: 100px;
    width: 53px;
    position: relative;
}

.after_login .btn-msg {
    /* background: #efefef;
    border-color: #efefef;
    margin-left: -10px; */
}

.after_login .btn-msg:hover i {
    font-weight: 500;
}

.msg-count {
    background: #d43201;
    color: #fff;
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 40px;
    top: 3px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
}

.after_login_ac_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.login_pop_box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.job_seekernotifi {
    padding: 0;
}

.job_seekernotifi h6 {
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #efefef;
}

.job_seekernotifi li:last-child {
    margin-bottom: 0;
    border: none;
}

.job_seekernotifi li {
    border-bottom: 1px solid #efefef;
    padding: 8px 15px;
}

.job_seekernotifi li img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 15px;
}

.job_seekernotifi li {
    font-size: 14px;
}

.job_seekernotifi ul {
    padding-left: 0;
}

.login_pop_box_menu .login_pop_box_head {
    border-bottom: 1px solid #efefef
}

.login_pop_box_head img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

.login_pop_box_head>div {
    position: relative;
    padding-left: 80px;
    text-align: left;
}

.login_pop_box_head h5 {
    margin: 0;
}

.login_pop_box_head span {
    font-size: 12px;
    display: block;
    line-height: 1em;
}

.login_pop_box_head h6 {
    margin: 0;
    color: #888;
    font-size: 12px;
}

.login_pop_box_menu ul {
    padding: 15px;
    padding-left: 55px;
}

.login_pop_box_menu ul li:last-child {
    margin-bottom: 0;
}

.login_pop_box_menu ul li i {
    color: #dedede;
    width: 30px
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .7;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger-inner::after,
.hamburger-inner::before {
    display: block;
    content: "";
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important;
}

.hamburger {
    display: none;
}

/*
    3.1 Header
*/

.header_menu {
    background: #fff;
    /*position: sticky;
    top: 0;*/
}

.header_btm {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* padding-bottom: 70px;
    padding-top: 70px; */
}

.header_btm>div {
    /* margin-top: 10vh;
    margin-bottom: auto; */
}

.header_btm h2 {
    margin-bottom: 30px;
    font-size: 31px;
    line-height: 1.2em;
    font-weight: 700;
}

.header_btm p {
    margin-bottom: 30px;
    max-width: 80%;
    font-size: 18px;
}

.header_btm form {
    margin-top: 15px;
}

.header_btm h1 {
    width: 100%;
    text-align: center;
}

.header_btm a {
    display: inline-block;
}

.header_btm .poster_action a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 2em;
    line-height: 0;
    transition: all 0.4s ease;
}

.header_btm .poster_action a:hover i {
    margin-right: -5px;
    transition: all 0.4s ease;
    margin-left: 5px;
}

.header_btm img {
    max-width: 100%;
    float: right;
}

.slider_count {
    font-size: 40px;
    font-weight: 800;
    opacity: 0.2;
    border-top: 4px solid;
    display: inline-block;
}

.owl-carousel .owl-nav {
    text-align: center;
    width: auto;
    padding: 15px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    color: #fff;
    font-size: 40px;
    line-height: 36px;
    background: #f0f0f0;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    color: inherit;
}

.owl-carousel button.owl-next span,
.owl-carousel button.owl-prev span {
    font-size: 36px;
    line-height: 36px;
    display: block;
    margin-top: -2px;
}

.owl-carousel button.owl-next span {
    color: #fff;
}

.owl-carousel .owl-dots {
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
    background: rgba(0, 0, 0, 0.08);
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    margin: 5px;
    transition: all 0.3s ease;

}

.owl-carousel .owl-dots .owl-dot:hover {
    transition: all 0.3s ease;
}


.banner_slide h1 {}


/*.header_inner .header_btm {
    min-height: 240px;
    background-color: rgba(55,35,84,0.8);
    background-image: url(../images/hr-01-_converted_.jpg),url(../images/careerpath.png);
    background-position: left 0 top 21%, right 6% bottom 0;
    background-blend-mode: multiply;
    background-size: 40% auto, auto 75%;
}*/


.inner_heder_bg {
    min-height: 240px;
    background-color: rgba(55, 35, 84, 0.9);
    background-image: url(../images/inner_bg.png);
    background-position: center;
    background-blend-mode: multiply;
    background-size: 1800px;
    position: relative;
}

.header_inner .header_btm {
    min-height: 240px;
    background-color: rgba(55, 35, 84, 0.9);
    background-image: url(../images/inner_bg.png);
    background-position: center;
    background-blend-mode: multiply;
    background-size: 1800px;
    position: relative;
}

.header_inner .header_btm h2 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
    margin-top: auto;
    margin-bottom: 0;
    color: #fff !important;
    position: relative;
    z-index: 99;
}



.header_inner .header_btm::before {
    content: "";
    position: absolute;
    top: 0;
    border: 36px solid #372354;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    top: -7%;
    bottom: 0;
    height: 0;
    border-radius: 100%;
    padding: 10%;
    box-shadow: 0 0 1px 6px rgba(255, 255, 255, 0.06), 0 0 3px 12px rgba(0, 0, 0, 0.07)inset;
}

.header_inner .header_btm::after {
    content: "";
    position: absolute;
    border: 56px solid rgba(255, 255, 255, 0.6);
    left: auto;
    right: -7%;
    width: 0;
    margin: auto;
    top: auto;
    bottom: -90%;
    height: 0;
    border-radius: 100%;
    padding: 8%;
    box-shadow: 0 0 1px 6px rgba(255, 255, 255, 0.06), 0 0 3px 12px rgba(0, 0, 0, 0.07)inset;
}

.header_inner .header_main {
    position: relative;
    overflow: hidden;
}

.header_inner .header_main::after {
    content: "";
    position: absolute;
    border: 10px solid #fff;
    left: auto;
    right: 11%;
    width: 0;
    margin: auto;
    top: 31%;
    bottom: -20px;
    height: 0;
    border-radius: 100%;
    padding: 1%;
    box-shadow: 0 0 1px 6px rgba(255, 255, 255, 0.2), 0 0 3px 3px rgba(0, 0, 0, 0.07)inset;
    z-index: 999;
    opacity: 1;
}





.banner_form_cont {
    margin-bottom: 0;
    z-index: 99;
    position: relative;
}

.user_type {
    max-width: 900px;
    /*  border: 1px solid #ccc;*/
    margin: 0 auto;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    /*background-color: #fbf8f1;*/
    background-color: #fbf8f1;
}

.user_type_inner>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}


.user_type_inner a h3 {
    font-size: 20px;
    font-weight: 800;
}

.user_type_inner a p {
    max-width: 100%;
    font-size: 14px;
}


.user_type_inner a div {
    padding: 10px 30px 10px 15px;
    padding-right: 30px;
}

.user_type_inner a i {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    height: 0;
    line-height: 0;
    margin: auto;
    font-size: 27px;
    transition: all 0.4s;
}

.user_type_inner a:hover i {
    right: -15px;
    transition: all 0.4s;
}

.user_type_inner a h3,
.user_type_inner a p {
    transition: all 0.4s;
}

/*.user_type_inner a:hover div, .user_type_inner a:hover p{
    padding-left: 20px;
    transition:all 0.4s ease;
    transition-delay: 0.2s;
    position: relative;
}*/

.user_type_inner a:hover p {
    transition-delay: 0.4s;
}


.user_type_inner a:hover img {
    /*  -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both*/
}


@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}



.user_type_inner .usertype_img {
    max-width: 100%;
    max-height: 140px;
    position: relative;
    padding: 0;
}

.user_type_inner .usertype_img img {
    max-width: 100%;
    max-height: 100px;
}

.user_type_inner img.usertype-addon {
    max-width: 100%;
    max-height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.user_type_inner a:hover img.usertype-addon {
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

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

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

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

.user_type_seeker i {}

form {
    /* overflow: hidden; */
    padding: 20px 0;
    margin-left: auto;
    margin-right: auto;
    /* max-width: 900px; */
    background: transparent;
    background-color: #fbf8f1;
    border-radius: 10px 10px 0 0;
    border-bottom: 4px solid #fff;
    border-bottom: 2px solid #fff;
}



.owl-carousel .owl-dots {
    text-align: right;
    padding-right: 20%;
}

.banerSearch {
    /* overflow: hidden; */
    /* padding: 30px; */
    /* margin-bottom: -120px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* max-width: 850px; */
    /* background: #fff; */
    border: 2px solid #1E46BE;
    padding: 8px;
    border-radius: 90px;
    background: #fff;
}

main>div:first-child.section {
    padding-top: 120px;
}

.header_btm .select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.00);
}

.banerSearch .fw-submit .btn {
    border-radius: 100px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
}

/*
    3.2 Header
*/



.header_02 .header_btm .container>div {
    max-width: 750px;
    margin-right: auto;
}

.header_02 .header_btm h2 {
    margin-bottom: 30px;
    font-weight: 700;
}

.header_02 .header_btm p {
    margin-bottom: 30px;
    max-width: 80%;
}

.header_02 .header_btm form {
    margin-top: 10vh;
}

.header_02 .header_btm h1 {
    width: 100%;
    text-align: center;
}

.header_02 .header_btm {
    /* background: url(../images/home-2banner.png); */
    /*background-color: #f6f6f6;*/
    background-color: #dcfaf0;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right center;
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.header_02 .header_btm a {
    display: inline-block;

}

.header_02 .header_btm img {
    max-width: 40%;
    float: right;
}

.header_02 .header_menu:not(.stick) .navigation>nav>ul>li>a {
    /*color: rgba(255,255,255,1);*/
}


.banerSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* border-radius: 10px; */
    /* overflow: hidden; */
}

.banerSearch .fild-wrap {
    width: 100%;
}

.banerSearch .fild-wrap.fw-submit {
    width: 100%;
    max-width: 175px;

}

.banerSearch .fild-wrap.fw-submit i {
    display: inline-block;
    vertical-align: middle;
}

.fild-wrap {
    position: relative;
}

.fild-wrap>i {
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 9px;
    z-index: 11;
    line-height: 58px;
    font-size: 19px;
}

.fild-wrap input {
    height: 40px;
    /* line-height: 58px;*/
    padding-left: 33px;

}

.fw-submit input {
    width: 100%;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.header_btm .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 20px 10px 44px;
    font-size: 14px;
}

.header_btm .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 58px;
    user-select: none;
    -webkit-user-select: none;
}

.header_btm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
}

.header_btm .select2-container--default .select2-results__option--highlighted[aria-selected] {}

.header_btm .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
    border: none;
}

.header_btm .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
}

.header_btm .select2-container--default .select2-search--dropdown .select2-search__field {}

.header_btm .select2-dropdown {
    border-color: #fff;

}

.header_btm .select2-container--default .select2-results__option[aria-selected="true"] {}

/*
    3.3 Header
*/

.header_03 .header_btm {
    /* background: url(../images/vector1.jpg); */
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header_03 .header_btm>div {
    max-width: 800px;
    margin-top: 45vh;
    margin-bottom: auto;
    background: rgba(255, 255, 255, 0.94);
    padding: 50px;
    border-radius: 10px;
    box-shadow: 1px 1px 41px -7px rgba(4, 82, 46, 0.5);
}

.header_03 .header_btm h2 {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}

.header_03 .header_btm p {
    margin-bottom: 30px;
    max-width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #333;
}

.header_03 .header_btm form {
    margin-top: 10vh;
}

.header_03 .header_btm h1 {
    width: 100%;
    text-align: center;
}

.header_03 .header_btm a {
    display: inline-block;

}

.header_03 .header_btm img {
    max-width: 40%;
    float: right;
}

.has-sub-menu>a {
    position: relative;
}

.has-sub-menu>a::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ccc;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}



@media screen and (min-width: 992px) {
    .login-box {
        width: 65% !important;
        padding: 20px;
        box-shadow: 0 7px 29px 0 #00bfff8f;
    }

    .navigation nav>ul {
        display: block;
    }

    .has-sub-menu>a {
        position: relative;
        z-index: 9999;
    }

    .has-sub-menu:hover>.sub-menu {
        display: block !important;
        -webkit-animation-name: pulse;
        animation-name: pulse;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .login_pop:hover .login_pop_box {
        display: block;
    }

}


@-webkit-keyframes pulse {
    0% {

        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    to {

        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes pulse {
    0% {

        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    to {

        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

    .hamburger {
        display: inline-block;
    }

    nav ul {
        display: none;
    }

    .navigation nav>ul {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        background: #fff;
    }

    .navigation nav>ul>li {
        display: block;
    }

    .navigation nav>ul>li.has-sub-menu a {
        display: inline-block;
    }

    .sub-menu {
        position: static;
        background: #efefef;
        width: 100%;
        padding: 0 20px;
        box-shadow: none;
    }

}


/*
3.4
*/

.header_04 .header_menu {
    background: transparent;
    /*position: sticky;
    top: 0;*/
}

.header_04 .header_btm {
    background-color: #fbf8f1;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 70px;
    padding-top: 70px;
}

.header_04 .header_btm>div {
    margin-top: 10vh;
    margin-bottom: auto;
}

.header_04 .header_btm h2 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
}

.header_04 .header_btm p {
    margin-bottom: 30px;
    max-width: 100%;
    font-size: 18px;
}

.header_04 .header_btm form {
    margin-top: 15px;
}

.header_04 .header_btm h1 {
    width: 100%;
    text-align: center;
}

.header_04 .header_btm a {
    display: inline-block;
}

.header_04 .header_btm a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 2em;
    line-height: 0;
    transition: all 0.4s ease;
}

.header_04 .header_btm a:hover i {
    margin-right: -5px;
    transition: all 0.4s ease;
    margin-left: 5px;
}

.header_04 .header_btm img {
    max-width: 100%;
    float: right;
}


.header_04 .user_type {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    border-radius: 0 0 10px 10px;
    background-color: rgba(241, 248, 241, 0.4);
}

.header_04 .user_type_inner>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px;
}

.header_04 .user_type_inner>a:hover {
    background: rgba(241, 248, 241, 0.9);
    transition: all 0.3s;
}

.header_04 .user_type_inner a p {
    max-width: 100%;
    font-size: 14px;
}

.header_04 .header_menu.stick {
    background: #fff
}


.header_04 .user_type_inner .usertype_img {
    max-width: 100%;
    max-height: 140px;
    position: relative;
    padding: 0;
}

.header_04 .user_type_inner .usertype_img img {
    max-width: 100%;
    max-height: 100px;
}

.header_04 .user_type_inner img.usertype-addon {
    max-width: 100%;
    max-height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.header_04 .user_type_inner a:hover img.usertype-addon {
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}


.header_04 .banner_form_cont {
    margin-bottom: 0;
    position: relative;
    z-index: 99;
}

.header_04 form {
    overflow: hidden;
    padding: 20px 0 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    background: transparent;
    background-color: transparent;
    border-radius: 10px 10px 0 0;
}



.header_04 .owl-carousel .owl-dots {
    text-align: right;
    padding-right: 20%;
}

.header_04 .banerSearch {
    border: 2px solid transparent;
    padding: 8px;
    border-radius: 90px;
    background: #fff;
}

.header_04+main>div:first-child.section {
    padding-top: 120px;
}

.header_04 .header_btm .select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.00);
}

.header_04 .banerSearch .fw-submit .btn {
    border-radius: 100px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.header_04 .header_btm {
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.header_04 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.3
}

/*--------------------------------------------------*/
/*End Header */
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*4 Index Content*/
/*--------------------------------------------------*/
.section {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.section .container {
    position: relative;
    z-index: 9;
}

.gray {
    background: #f9f9f9;
    /*background-color: #f2eff6;*/
}

.section_h {
    font-size: 32px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 700;
}

.section_h::after {
    content: "";
    width: 50px;
    height: 2px;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    margin: auto;
    margin-top: 12px;
}

.dark-section .section_h::after {
    background: rgba(255, 255, 255, 0.3);
}

.bg-v {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.bg-v-1,
.bg-v-2,
.bg-v-3 {
    width: 250px;
    height: 110px;
    background-size: 100% 100%;
    position: absolute;
    opacity: 0.5;
}

.bg-v-1 {
    background-image: url(../images/bg-v-1.png);
}

.bg-v-2 {
    background-image: url(../images/bg-v-2.png);
}

.bg-v-3 {
    background-image: url(../images/bg-v-3.png);
}

.bg-v-4,
.bg-v-5,
.bg-v-6,
.bg-v-7,
.bg-v-8,
.bg-v-9,
.bg-v-10,
.bg-v-11 {
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
}

/* .bg-v-4 {
    background-image: url(../images/bg-v-4.png);
}

.bg-v-5 {
    background-image: url(../images/bg-v-5.png);
}

.bg-v-6 {
    background-image: url(../images/bg-v-6.png);
}

.bg-v-7 {
    background-image: url(../images/bg-v-7.png);
}

.bg-v-8 {
    background-image: url(../images/bg-v-8.png);
}

.bg-v-9 {
    /* background-image: url(../images/bg-v-9.png); */
/* } */

/* .bg-v-10 {
    background-image: url(../images/bg-v-10.png);
}

.bg-v-11 {
    background-image: url(../images/bg-v-11.png);
} */ 

.bg-t-l {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}

.bg-b-r {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.bg-t-r {
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
}

.bg-b-l {
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
}


/*  
    4.1 Work section
*/

.workbox {
    text-align: center;
    min-height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.workbox_inner img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 60px;
    position: relative;
    z-index: 9;
    transition: all 0.4s;
}

.workbox_inner>p {
    height: 0;
    opacity: 0;
    width: 100%;
    transition: all 0.25s;
    transform: translateY(30px);
}

.workbox_inner h5 {
    font-size: 18px;
    margin: 0px;
    padding: 15px 0px;
    font-weight: 300;
    transition: all 0.4s;
    width: 100%;
}

.workbox:hover {
    background: #f9f9f9;
}

.workbox:hover .workbox_inner>p {
    height: auto;
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(0);
}

.workbox_inner:hover img {
    margin-bottom: 20px;
    transition: all 0.4s;
}

/*
    4.2 Featured Jobs
*/
.featured_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    background: rgba(255, 255, 255, 1);
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    transition: all 0.4s ease;
}

.two_col .featured_box {
    margin-bottom: 30px;
}

.two_col .featured_box .fb_action {
    margin-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0 0;
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.full_width.featured_box_outer>div:nth-child(2n+2) .featured_box {
    background: #fafafa;
}

.featured_box {}

.featured_box:hover {
    transform: scale(1.02);
    transition: all 0.4s ease;
}

.fb_image {
    max-width: 65px;
}

.two_col .fb_content {
    margin-left: auto;
    margin-right: 0;
    width: calc(100% - 90px);
}

.fb_content {
    margin-left: 20px;
    margin-right: auto;
}

.fb_content ul {
    padding-left: 0;
    font-size: 13px;
}

.fb_content ul li {
    display: inline-block;
    padding-right: 20px;
}

.fb_content h4 {
    font-size: 18px;
    font-weight: 600;
}

.fb_content h4 a {
    color: #333333;
}

.fb_action .btn {
    margin-left: 20px;
    min-width: 125px;
}

.fb_action .tags {
    display: inline-block;
    padding-left: 16px;
    margin: 0;
}

.tags li {
    display: inline-block;
    padding: 6px 13px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 3px;
}

.tags {
    margin: auto;
    padding: 0 20px;
}

/*
4.3 Featured Posts
*/

.post_section {
    position: relative;
}

.post_section:after {
    display: block;
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    height: 400px;
    /* background-image: url('../images/vector1.jpg'); */
    background-position: top;
    background-size: cover;
}

.post_section .container {
    z-index: 99;
    position: relative;
}

.post_box {
    padding: 0;
    background: #fff;
    border-radius: 7px 7px 0 0;
    box-shadow: 2px 8px 23px -13px #aaa;
    transition: all 0.5s ease-out;
    overflow: hidden;
    border-radius: 6px;
}

.post_box:hover {
    margin-top: -20px;
    transition: all 0.4s;
}

.post_content {
    padding: 20px;
}

.post_content h6 {
    font-size: 18px;
}

.post_content h6 a {
    color: #333;
}

.post_content p {
    margin-bottom: 20px;
}

/*
    4.4 Membership Plans
*/
/*.paln_section .row{
    margin-left: 0;
    margin-right: 0;
}*/
.plan_box {
    background: #fff;
    padding: 20px;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, 0.04);
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    border-radius: 5px;
}

.plan_box h3 {
    font-weight: 800;
    font-size: 22px;
}

.plan_price {
    text-align: center;
    padding: 5px;
    margin-bottom: 20px;
}

.plan_price h4 {
    margin-bottom: 0;
}

.plan_box h5 {
    font-size: 16px;
}

.plan_box .btn-third {
    background: none;
    border-color: var(--thm-color-1-2);
    color: var(--thm-color-1-2);
    width: 100%;
}

.plan_box .btn-third:hover {
    color: #fff;
    background: var(--thm-color-1-2);
    border-color: var(--thm-color-1-2);
}

.plan_box.plan_box_hoverd .btn-third {
    color: #fff;
    background: var(--thm-color-1-2);
    border-color: var(--thm-color-1-2)
}

.plan_box.plan_box_hoverd .btn-third:hover {
    color: #fff;
    background: var(--thm-color-1);
    border-color: var(--thm-color-1)
}

.plan_box ul {
    padding: 0;
}

.plan_box ul li {
    padding-bottom: 10px;
    list-style: none;
    text-align: left;
}

.plan_box ul i {
    margin-right: 15px;
}

.plan_box.plan_box_hoverd {
    /*margin-left: -31px;
    margin-right: -31px;*/
    margin-top: 0;
    box-shadow: 0 0 61px -19px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 99;
    border: none;
}

.populer_plan {
    margin: -20px -20px 14px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: 40px;
    font-weight: 500;
}

.planduration {
    padding: 0 15px 30px;
    font-size: 22px;
}


.planduration label span {
    font-size: 16px;
    cursor: pointer;
    color: #333;
}

.before-custom-control-label {
    margin-left: -2.5em;
    padding-right: 2.5em;

}

.planduration .custom-switch {
    padding-left: 2.25em;
}

.custom-switch .custom-control-label::before {
    left: -2.25em;
    width: 1.75em;
    border-radius: .5em;
}

.custom-switch .custom-control-label::after {
    top: calc(.25em + 2px);
    left: calc(-2.25em + 2px);
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    border-radius: .5em;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    -webkit-transform: translateX(.75em);
    transform: translateX(.75em);
}


.custom-control-label::before {
    top: .25em;
    left: -1.5em;
    width: 1em;
    height: 1em;
}

.plan_price.hide {
    display: none;
}

.small-alert {
    display: inline-block;
    padding: 6px 13px;
    border-radius: 7px;
    font-size: 15px;
    margin-left: 13px;
    margin-right: 13px;
}

/*.custom-control-label::before ,.custom-control-label::after{width:20px; height:20px}*/

/*  
    4.5 Our Partners
*/

.partner_section ul {
    padding-left: 0;
}

.partner_section ul li {
    display: block;
}

.partner_section ul li a {
    background: #fff;
    padding: 10px;
    display: block;
    box-shadow: 0px 18px 24px -30px #999;
}

.partner_section ul li a:hover img {
    filter: grayscale(0);
    transition: all 0.5s;
}

.partner_section ul li img {
    filter: grayscale(1);
    transition: all 0.5s;
    max-width: 100%;
}

/*
    4.6 Job categories
*/

.category-section {}

.category_box {
    margin-bottom: 50px;
    padding: 20px 10px 5px;
    transition: all 0.4s;
    border-radius: 7px;
    background-color: #fff;
}

.category_box:hover {
    transition: all 0.4s;
}

.category_box:hover img {
    filter: hue-rotate(260deg);
}

.category_box:hover * {
    color: #fff;
}

.category_box .cb_header {
    text-align: center;
}

.category_box .cb_header i {
    font-size: 40px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.category_box .cb_header img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.job_count {
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.08);
    padding: 5px 8px;
    border-radius: 4px;
    color: #333;
}

.cb_bottom {
    text-align: center;
}

.cb_bottom h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    color: #372354;
}


/*
4.6.1 category section 2 
*/

.category-section-2 {
    /*  overflow: hidden;*/
    /*padding-top: 0;
padding-bottom: 0;*/
}

.category-section-2 .section_h {
    /*  padding-top: 70px;*/
}


/*.category-section-stickyBg {
    background: url(../images/cagegory-bg.png);
    background-size: cover;
    height: 50vh;
    position: sticky;
    bottom: 0;
    margin-top: 0;

}
*/
.category-how-work-sec {
    position: sticky;
    top: 100px;
    margin-top: 50px;
}

.how-work-box {
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 1px
}

.how-work-box li {
    list-style: none;
    padding-left: 80px;
    position: relative;
    margin-bottom: 70px;
}

.hwb-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 70px;
    box-shadow: 1px 1px 23px -10px rgba(0, 0, 0, 0.3);
}

.hwb-icon i {
    font-size: 30px;
    line-height: 70px;
}

.how-work-box li::after {
    content: "";
    display: block;
    position: absolute;
    height: 47px;
    width: 0;
    border: 1px dashed;
    left: 35px;
    top: 78px;
}

.how-work-box li:last-child:after {
    display: none;
}

.hwb-cont h5 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    padding-top: 11px;
}

.category-section-2 {
    overflow: visible;
}

.category-section-2 .category_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.category-section-2 .cb_bottom {
    text-align: left;
    padding-left: 25px;
}

.category-section-2 .cb_bottom h3,
.category-section-2 .cb_bottom p {
    text-align: left;
    margin-top: 0;
}

.category-section-2 .category_box {
    margin-bottom: 20px;
    padding: 20px 10px 5px;
    transition: all 0.4s;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 0 11px -5px rgba(0, 0, 0, .1);
    position: relative;
}

.category-section-2 .job_count {

    position: absolute;
    right: 4px;
    top: 4px;
}

.category-section-2 .category_box:hover {
    background: var(--main-bg-gr-color);
}



/*
4.7 Our Status
*/
.status_section .col-auto {
    min-width: 24%;
}

.status_box {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 30px;
    padding-bottom: 45px;
    text-align: center;
}

.status_box h3 {
    font-size: 34px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 0;
    line-height: 1.1em;
}

.status_box i {
    font-size: 40px;
}

/*
4.7.2 Our Status 2
*/

.status_box-2 {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 20px;
    padding-bottom: 45px;
    text-align: left;
    position: relative;
}

.status_box-2 i {
    font-size: 28px;
    position: absolute;
    left: 0;
    top: 27px;
}

.status_box-2 h3 {
    margin-bottom: 0;
}

.status_box-3 {
    padding-left: 90px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 45px;
    text-align: left;
    position: relative;
}

.status_box-3 i {
    font-size: 28px;
    position: absolute;
    top: 27px;
    background: #fff;
    border: 3px solid #fff;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    line-height: 61px;
    text-align: center;
    left: 0;
    top: 20px;
    box-shadow: 1px 1px 21px -9px rgba(13, 9, 69, 0.4);
}

.status_box-3 h3 {
    margin-bottom: 0;
}

/*  
    4.8 User type section
*/

.user_type-2 .user_type {
    position: relative;
}

.user_type-2 .user_type_inner {
    text-align: center;
}

.user_type-2 .user_type_seeker {
    border: 1px solid #eee;
    border-radius: 500px 0 0 500px;
    margin-right: -15px;
}

.user_type-2 .user_type_post {
    border: 1px solid #eee;
    border-radius: 0 500px 500px 0;
    margin-left: -16px;
}

.ut_or {
    position: absolute;
    border: none;
    left: 0;
    right: 0;
    text-align: center;
    width: 50px;
    margin: auto;
    padding: 0;
    top: 90px;
    /* border: 1px solid red; */
    z-index: 99;
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 0 20px rgb(255, 255, 255);
    height: 50px;
    line-height: 50px;
}

.user_type-2 .user_type_inner a {
    display: block;
    padding: 12px 12px 0;
}

.user_type-2 .user_type_inner a i {
    position: static;
    height: auto;
    line-height: inherit;
}

.user_type-2 .user_type_inner a .usertype_img i {
    font-size: 50px;
}

.user_type-2 .user_type_inner a p {
    color: #888;
}

.user_type-2 .btn-rounded {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    position: relative;
    top: 35px;
}

.user_type-2 .user_type_inner a:hover .btn-rounded {
    background: var(--main-bg-gr-color);
    border: 2px solid var(--main-bg-color);
    color: #fff;
    box-shadow: 21px 21px 31px -9px rgba(0, 0, 0, 0.3);
}



/*  
    4.9 User type section
*/

.user_type-3 .user_type {
    position: relative;
}

.user_type-3 .user_type_inner {
    text-align: center;
}

.user_type-3 .user_type_seeker {
    margin-right: -10px;
}

.user_type-3 .user_type_post {
    margin-left: -10px;
}

.user_type-3 .user_type_inner a div {
    padding: 10px 30px 10px 15px;
    padding-right: 20px;
}

.user_type-3 .user_type_inner {
    background: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
    border-radius: 10px;
}

.user_type-3 .user_type_inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
}

.user_type-3 .user_type_inner h3,
.user_type-3 .user_type_inner p {
    margin-bottom: 0;
}

.user_type-3 .user_type_inner a i {
    position: static;
    height: auto;
    line-height: inherit;
}

.user_type-3 .user_type_inner a .usertype_img i {
    font-size: 30px;
}

.user_type-3 .user_type_inner a p {
    color: #888;
}

.user_type-3 .btn-rounded {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    position: relative;
    top: 35px;
}

.user_type-3 .user_type_inner a:hover .btn-rounded {
    background: var(--main-bg-gr-color);
    border-color: var(--main-bg-color);
    color: #fff;
}


/*--------------------------------------------------*/
/*End Index Content*/
/*--------------------------------------------------*/


/*     FOOTER START      */
.custom_footer {
    padding: 70px 0 30px;
    background: #ffffff;
    position: relative;
    border-top: 1px solid #efefef
}

.custom_footer .container {
    position: relative;
    z-index: 9;
}

.custom_footer span.site-title {
    display: none;
}

.footer_widget_box h2 {
    font-size: 18px;
    position: relative;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
}

.footer_widget_box h2::after {
    display: block;
    content: "";
    position: absolute;
    width: 45px;
    height: 2px;
    background: #fff;
    bottom: -15px;
    opacity: 0;
}

.footer_widget_box ul {
    padding-left: 0;
    margin: 0px;
}

.footer_widget_box ul li {
    list-style: none;
    margin-bottom: 10px;
}

.footer_widget_box ul li a {
    color: #888;
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer_widget_box ul li a:hover {
    color: #333;
    text-decoration: none;
    box-shadow: unset;
}

.social_list {}

.social_list li {
    display: inline-block;
}

.social_list li a {
    display: block;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.7);
    line-height: 36px;
    text-align: center;
    font-size: 20px;
}

.social_list li a:hover {
    color: #fff;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);
}

.social_list li a i {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
}

.social_list li a:hover i {
    color: #fff;
}

.copyright-text {
    margin-top: 30px;
    text-align: left;
    font-size: 14px;
}

.footer_widget_box form.newsletter {
    padding: 0;
    padding-top: 30px;
}

.footer_widget_box form.newsletter {
    /*  background: rgba(0,0,0,0.3);
    padding: 10px;*/
    margin-top: 30px;
}

.footer_widget_box form.newsletter>div {
    padding: 0;
    background: none;
    position: relative;


}

.footer_widget_box form.newsletter h2 {
    margin-bottom: 15px !important;
}

.footer_widget_box form.newsletter input {
    width: 100%;
}

.footer_widget_box form.newsletter .btn {
    /*  margin: 10px auto;
    display: block;*/
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    padding: 11px 15px;
    color: #888;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
}

.footer_widget_box form.newsletter .btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #333;
}

.footer_widget_box .copyright-text {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    padding-top: 23px;
}

/*--------------------------------------------------*/
/*Inner common*/
/*--------------------------------------------------*/

.job_container {
    /* background-image: url(assets/images/jobtamplatebg3.png); */
    background-color: #f2f2f2;
    position: relative;
    background-size: 1920px 1920px;
    background-position: center center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.job_main {
    position: relative;
    background: #fafafa;
    border-radius: 10px;
    box-shadow: 1px 0 20px -9px rgba(0, 0, 0, 0.3);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
}

.job_container .sidebar {
    overflow-y: auto;
    padding: 30px 10px 30px 0;
    padding-right: 15px;
    width: 23%;
}

.job_container .sidebar>h5 {
    font-size: 14px;
    font-weight: 600;
    padding-left: 16px;
    color: #372354;
    padding-top: 30px;
}

.job_container .sidebar>h5:first-child {
    padding-top: 0;
}

.user_navigation {
    padding: 0;
}

.job_container .sidebar li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

.job_container .sidebar li.is-active,
.job_container .sidebar li:hover {
    position: relative;
    border-radius: 0 100px 100px 0;
    background: rgba(237, 27, 36, 0.05);
}

.job_container .sidebar li.is-active a,
.job_container .sidebar li.is-active a>i {
    color: #1E46BE;
}

.job_container .sidebar li a {
    color: #333;
    background-color: transparent;
    background: transparent;
    min-height: 40px;
    padding: 12px 15px 12px 42px;
    letter-spacing: 0.2px;
    display: block;
    width: 100%;
    position: relative;
    font-size: 15px;
}

.job_container .sidebar li a>i {
    color: #cbcbcb;
}

.job_container .sidebar li a:hover {
    color: #1E46BE;
}

.job_container .sidebar li a:hover i {
    color: #1E46BE;
}

.job_container .sidebar li a i {
    width: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 16px;
}

.job_container .sidebar li a.filter_btn {
    padding: 0;
    height: 36px;
    width: 42px;
    display: block;
    background: rgba(255, 97, 88, 0.3);
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    margin-right: 4px;
    margin-left: auto;
    margin-top: 4px;
}


.job_container .sidebar li a.filter_btn i {
    position: static;
    line-height: 42px;
    color: #1E46BE;
}

.job_container .sidebar li a.filter_btn i.fa-times {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 21px;
    opacity: 0;
    display: block;
}

.job_container .sidebar li a.filter_btn.active i.fa-filter {
    opacity: 0
}

.job_container .sidebar li a.filter_btn.active i.fa-times {
    opacity: 1;
}


.filter_option {
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

.filter_option .select2-container {
    display: block;
    width: 100%;
}

.filter_option input {
    background: #fff;
}

.job_main_right {
    width: 77%;
    padding: 30px 15px;
    border-left: 4px solid #f4f4f4;
}

.jm_headings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




/*--------------------------------------------------*/
/*End inner common*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Register page*/
/*--------------------------------------------------*/


.register_form {
    width: 100%;
    padding: 20px;
}

/*--------------------------------------------------*/
/*End Register page*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*View my stared jobs page*/
/*--------------------------------------------------*/
.table-cont {
    width: 100%;
    overflow-x: auto;
}

.table {
    font-size: 14px;
}

.table thead tr {
    background: #eeeeee;
    border-radius: 6px 6px 0 0;
}

.table td,
.table th {
    padding: 8px;
    border: none;
}

.table td,
.table th {}

.table td {
    border-bottom: 4px solid #eee;
    background: #fff;
}

/*--------------------------------------------------*/
/*end View my stared jobs page*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Job single*/
/*--------------------------------------------------*/
.poster_company {
    background: #fff;
    border-radius: 10px;
    width: 130px;
    padding: 15px;
    margin-right: 15px;
    margin-right: 30px;
    height: 100%;
}

.header_job_single_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_inner .header_btm.header_job_single::before,
.header_inner .header_btm.header_job_single:after,
.header_inner .header_main.header_job_single_main:after {
    display: none;
}

.poster_details {
    color: #fff;
}

.header_inner .header_btm .poster_details h2 {
    margin-bottom: 20px;
    font-size: 28px;
}

.poster_details h5 {
    color: rgba(255, 255, 255, 0.7);
}

.poster_details ul {
    padding: 0;
    margin: 0;
}

.varified {
    font-size: 14px;
    font-weight: 400;
    padding: 6px 15px 6px 41px;
    display: inline-block;
    background: #12b457;
    line-height: 1.3em;
    vertical-align: middle;
    border-radius: 3px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.varified i {
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #2cc66d;
    padding: 6px 10px;
    line-height: 1.3em;
}

.poster_details ul li {
    display: inline-block;
    padding-right: 20px;
}

.poster_details ul li a {
    color: rgba(255, 255, 255, 0.4);
}

.poster_details ul li a:hover {
    color: #fff;
}

.poster_action {
    margin-left: auto;
}

.poster_action .btn {
    background: #fff;
    color: #000;
}

.poster_action .addtofav {
    padding: 10px;
}

.poster_action .addtofav:hover {
    color: #fff;
}

.single_job {
    padding: 60px 0;
}

.single_job_main h2 {
    font-size: 24px;
    margin-bottom: 25px;
}

.sjs_box {
    background: rgba(0, 0, 0, 0.03);
    padding: 15px;
    margin-bottom: 20px;
}

.sjs_box h3 {
    font-size: 18px;
    margin: -15px -15px 20px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.03);
}

.sjs_box ul {
    padding: 0;
    margin: 0;
}

.sjs_box .single-job-sidebar-features li {
    padding-left: 40px;
    position: relative;
    list-style: none;
    font-size: 14px;
}

.sjs_box .single-job-sidebar-features li h6 {
    margin-bottom: 0;
}

.sjs_box .single-job-sidebar-features i {
    position: absolute;
    top: 10px;
    left: 0;
    color: #1E46BE;
}

.single-job-sidebar .form-inline .form-control {
    width: 100%;
    padding-right: 35px;
}

.sjs_box_action {
    position: sticky;
    top: 90px;
    padding: 15px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.06);
}

.sjs_box_action p {
    margin: 8px;
}

.single_job_main .featured_box {
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 10px 10px 0;
}

.single_job_main .featured_box .fb_image {
    max-width: 40px;
}

.single_job_main .featured_box .fb_content {
    max-width: calc(100% - 70px)
}

.single_job_main .featured_box .fb_action {
    background: rgba(0, 0, 0, 0.06);
    border: none;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

.single_job_main .featured_box .fb_action a {
    margin-left: 21px;
}

.single_job_main .featured_box .fb_content ul {
    font-size: 10px;
}

/*--------------------------------------------------*/
/*End Job single*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Staff single*/
/*--------------------------------------------------*/
.poster_staff {
    background: #fff;
    border-radius: 10px;
    width: 130px;
    padding: 0;
    margin-right: 15px;
    margin-right: 30px;
    height: 100%;
    overflow: hidden;
}

.staff_rating {
    color: #ffd042;
}

.staff_rating span {
    background: #ffd042;
    color: #372354;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 7px
}

.download-cv {
    display: block;
    position: relative;
    padding-top: 15px;
}

.download-cv span {
    padding: 15px 15px 15px 15px;
    display: inline-block;
    border-radius: 5px;
    border: 2px solid #372354;
    width: 100%;
    text-align: center;
    color: #372354;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-left: 50px;
}

.download-cv i {
    position: absolute;
    top: -10px;
    font-size: 40px;
    left: 15px;
    color: #372354;
    background: #fff;
    padding: 10px;
    transition: all 0.4s;
}

.download-cv:hover span {
    background: #372354;
    color: #fff;
}

.download-cv:hover i {
    background: transparent;
    color: #fff;
    top: 13px;
    transition: top 0.4s;
}

/*--------------------------------------------------*/
/*End Staff single*/
/*-------------------------------------------------*/


/*--------------------------------------------------*/
/*Staff listing / find staff*/
/*--------------------------------------------------*/

.staffBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    margin-bottom: 40px;
    transition: all 0.4s;
}

.staff_img img {
    max-width: 80px;
    border-radius: 100%;
    margin-right: 15px;
    border: 7px solid #fff;
    box-shadow: 1px 1px 11px -2px rgba(0, 0, 0, 0.3);
}

.staff_detail h3 {
    font-size: 20px;
    margin-bottom: 0;
}

.staff_detail h3 img {
    max-width: 30px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 30px;
}

.staff_detail {
    width: calc(100% - 95px);
}

.staff_detail ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

.staff_detail ul li {
    display: inline-block;
    padding-right: 15px;
    font-size: 13px;
    width: auto;
}

.staff_detail ul li h6 {
    font-size: 14px;
}

.staffBox_action {
    position: absolute;
    height: 0;
    opacity: 0;
    transition: all 0.4s;
    background: #fff;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 1px 9px 13px 2px rgba(0, 0, 0, 0.08);
    padding: 10px;
    text-align: center;
}

.staffBox_action .btn {
    /*position: absolute;
    bottom: -50px;*/
    transition: all 0.4s;
}

.staffBox:hover .staffBox_action {
    height: 70px;
    opacity: 1;
    transition: all 0.4s;
    background: #f2d1d2;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.staffBox:hover .staffBox_action {}

/*--------------------------------------------------*/
/*End Staff listing / find staff*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Employers job dashboard*/
/*--------------------------------------------------*/
.job-dashboard-actions {
    padding: 10px 0 0;
    margin-bottom: 6px;
}

.job-dashboard-actions li {
    display: inline-block;
    padding: 0;
}

.job-dashboard-actions li a {
    display: block;
    padding: 5px 10px;
    font-size: 13px;
}

.job-dashboard-actions .job-dashboard-action-edit {
    background: #372354;
    color: #fff;
}

.job-dashboard-actions .job-dashboard-action-mark_filled {
    background: #f2d1d2;
    color: #333;
}

.job-dashboard-actions .job-dashboard-action-delete {
    background: #d6342b;
    color: #fff;
}

/*--------------------------------------------------*/
/*End employers job dashboard*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*Blog listing*/
/*--------------------------------------------------*/

.blog-listing {
    padding-top: 60px;
    padding-bottom: 60px;
}

.blog-listing .post_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-top: 0;
}

.blog-listing .post_box .img-responsive {
    max-width: 33.33%;
    object-fit: cover;
}



.blog-listing .post_box {
    padding: 0;
    background: #fff;
    border-radius: 7px 7px 0 0;
    /*box-shadow: 2px 8px 18px 11px rgba(0,0,0,0.05);*/
    transition: all 0.5s ease-out;
    overflow: hidden;
    border-radius: 6px;
}

.sjs_box .form-inline {
    position: relative;
}

.sjs_box .form-inline .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    background: transparent;
    border: none;
    color: #1E46BE;
}

.sjs_box .recentpost {
    padding-left: 15px;
}

.sjs_box .recentpost li {
    font-size: 14px;
    margin-bottom: 15px;
}

/*--------------------------------------------------*/
/*End Blog listing*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*Single Blog */
/*--------------------------------------------------*/

.blog-listing .post_box.singlepb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-listing .post_box.singlepb .img-responsive {
    width: 100%;
    max-width: 100%;
    height: 350px;
    object-fit: cover;
}


/*--------------------------------------------------*/
/*End Single Blog */
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Single Blog*/
/*--------------------------------------------------*/
.form-check-input {
    width: auto;
}

.only-form-pages {
    /* background-image: url(../assets/images/jobtamplatebg3.png); */
    background-color: #f2f2f2;
    position: relative;
    background-size: 1920px 1920px;
    background-position: center center;
    padding-top: 0;
    padding-bottom: 60px;
}

.only-form-box {
    border: 2px solid #fff;
    max-width: 500px;
    width: 100%;
    margin: auto;
    padding: 25px 30px 30px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    margin-top: -42px;
    margin-bottom: 40px;
}

.social_login {
    text-align: center;
}

.or_span {
    text-align: center;
    display: block;
    position: relative;
    margin: 26px 0;
}

.or_span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 1px;
    background: #ccc;
    margin: auto;
    width: 100%;
}

.or_span span {
    background: #fff;
    padding: 10px;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.social_login>.btn {
    margin-right: 4px;
}

.social_login>.btn:last-child {
    margin-right: 0;
}

.only-form-box .btn-primary {
    font-weight: 700;
    font-size: 18px;
}

.btn.btn-facebook {
    border-color: #3b5998;
    color: #3b5998;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn.btn-facebook:hover {
    background: #3b5998;
    color: #fff;
}

.btn.btn-google {
    border-color: #dd4b39;
    color: #dd4b39;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.btn.btn-google:hover {
    background: #dd4b39;
    color: #fff;
}

.lost_password {
    font-size: 14px;
}

form.newsletter {
    padding: 0 30px 30px;
    margin-top: 0;
}

form.newsletter>div {
    background: rgba(255, 255, 255, 0.5);
    padding: 15px;
    border-radius: 4px;

}

/* form.newsletter .form-control {
    max-width: calc(100% - 150px)
}*/

form.newsletter .btn {
    max-width: 150px;
    margin-left: 10px;
}

.newslatter_outer>div {
    padding: 30px 30px 15px 30px;
}

.newslatter_outer ul {
    padding: 0;
}

.newslatter_outer ul li {
    list-style: none;
    padding-bottom: 15px;
    padding-left: 40px;
    position: relative;
}

.newslatter_outer ul li i {
    opacity: 0.5;
    width: 30px;
    position: absolute;
    left: 0;
    top: 7px;

}

.newslatter_outer ul li,
.newslatter_outer ul li a {
    color: #333;
}

/*--------------------------------------------------*/
/*End Single Blog*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Register page*/
/*--------------------------------------------------*/
.user_type_cont {
    text-align: center;
}

.user_type_cont .user_type {
    display: inline-block;
}

.user_type_cont .user_type span {
    background: #efefef;
    padding: 10px 20px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
}

.user_type_cont .user_type span i {
    font-weight: 900;
    margin-right: 8px
}

.user_type input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}

.user_type input:checked~span {
    background: #149934;
    color: #fff;
}

.emp-registration {}

/*--------------------------------------------------*/
/*End Register page*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Update my profile page*/
/*--------------------------------------------------*/
.big_form_group {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    margin-bottom: 15px;
}

.mypbtn {
    margin-left: auto;

}

/*--------------------------------------------------*/
/*Update my profile page*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*Dashboard page*/
/*--------------------------------------------------*/

.dashboard_box {
    background: #fff;
    padding: 10px;
    border-radius: 2px;
    text-align: center;
    height: 100%;
}

.dashboard_box i {
    font-size: 35px;
    text-align: center;
}

.dashboard_boxes>div:nth-child(1) .dashboard_box {
    background: #e0fce8
}

.dashboard_boxes>div:nth-child(2) .dashboard_box {
    background: #fdf1db
}

.dashboard_boxes>div:nth-child(3) .dashboard_box {
    background: #ead6fd
}

.dashboard_boxes>div:nth-child(1) i {
    color: #77e596;
}

.dashboard_boxes>div:nth-child(2) i {
    color: #ffc258;
}

.dashboard_boxes>div:nth-child(3) i {
    color: #ab58ff;
}

.dashboard_box h2 {
    font-size: 18px;
}

.dashboard_box h2 span {
    font-size: 38px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 800;
}

.job_seekernotifi.ondahsboard li {
    list-style: none;
    padding-left: 55px;
    position: relative;
    min-height: 55px;
}

.job_seekernotifi.ondahsboard li img {
    position: absolute;
    left: 0;
    top: 8px;
}

.who {
    opacity: 0;
}

.pro {
    background: #ee0b0b;
    position: absolute;
    top: -2px;
    right: 13px;
    display: inline-block;
    padding: 2px 9px;
    color: #fff;
    border-radius: 3px;
    opacity: 0;
}

.pro a {
    color: #fff;
}

.pro a:hover {
    color: #fff;
    opacity: 0.6;
}

.dashboard_box:hover .pro,
.dashboard_box:hover .who {
    opacity: 1;
    transition: all 0.3s ease;
}

/*--------------------------------------------------*/
/*End Dashboard page*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Plan  page*/
/*--------------------------------------------------*/

.simple_page {
    padding-top: 60px;
    padding-bottom: 60px;
}

/*--------------------------------------------------*/
/*End Plan  page*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*404  page*/
/*--------------------------------------------------*/

.fzf_page {
    /* background: url(../images/careerpath.png);    */
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center right;
    padding-top: 100px;
    padding-bottom: 100px;
    background-attachment: fixed;
    background-color: #fff;
    background-blend-mode: multiply;
    transition: all 0.6s;
}

.fzf_page.focused {
    background-color: #6b5985;
    transition: all 0.6s;
}

.fzf_page .container>div {
    min-height: calc(100vh - 200px);
}

.fzf_page h1 {
    font-size: 30vh;
    text-align: left;
    color: #6b5985;
    opacity: 0.7;
    line-height: 1em;
}

.fzf_page.focused h1 {
    font-size: 10vh;
    transition: all 0.6s;
    color: #fff;
}

.fzf_page.focused p {
    color: #fff;
}

.fzf_page .container>div {
    max-width: 50%;
}

.fzf_page.focused .container>div {
    max-width: 70%;
    transition: all 0.6s;
}

.fzf_page form {
    margin-top: 40px;
    margin-bottom: 40px;
}

.fzf_page form .btn {
    width: 100%;
    height: 100%;
}

.fzf_page .banerSearch .fild-wrap.fw-submit {
    margin-left: -3px;
}

.fzf_page .fild-wrap input {
    border-radius: 0;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}

.fzf_page .fild-wrap input:focus {
    box-shadow: none;
}

/*--------------------------------------------------*/
/*End 404  page*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*Browse Companies*/
/*--------------------------------------------------*/
.letters-list {
    background: rgba(0, 0, 0, 0.05);
    padding: 15px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 60px
}

.letters-list>a {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 2px;
    margin-right: 4px;
    background: none
}

.letters-list>a:hover {
    background: rgba(0, 0, 0, 0.3);
}

.letters-list>a.current {
    background: var(--thm-color-1-2);
    color: #fff;
}

.company_names>div {
    margin-bottom: 30px;
}

.company_name_box {
    padding: 30px;
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.06);
    height: 100%;
    border-radius: 5px;
    text-align: center;
    transition: all 0.3s;
}

.company_name_box:hover {
    box-shadow: none;
    transition: all 0.3s;
}

.company_name_box:hover img {
    top: -15px;
    transition: all 0.3s;
}

.company_name_box h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0
}

.company_name_box img {
    max-width: 60px;
    position: relative;
    transition: all 0.3s ease;
    top: 0;
}

/*--------------------------------------------------*/
/*user interface elements*/
/*--------------------------------------------------*/
.user_elements_box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.user_elements_box h4 {
    margin-bottom: 20px;
}

/*--------------------------------------------------*/
/*End user interface elements*/
/*--------------------------------------------------*/
@media screen and (max-width: 1199px) {

    .download-cv i {
        display: none;
    }

    .download-cv span {
        padding: 10px;
        font-size: 12px;
    }

    .staffBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .staffBox>div {
        width: 100%;
    }

    .staffBox .staff_img img {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .staffBox .staff_img {
        text-align: center;
        padding-bottom: 15px;
    }

}

@media screen and (max-width: 767px) {
    .splash {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .bottom-row.icd {
        display: none;
    }
}

@media screen and (min-height: 750px) {

    .header_02 .header_btm,
    .header_03 .header_btm {
        min-height: inherit;
    }

    .header_03 .header_btm form {
        margin-top: 40px;
    }

    .header_03 .header_btm>div {
        padding: 10px;
        margin-bottom: 180px;
    }
}

@media screen and (min-width: 992px) {
    .navigation nav>ul {
        display: inline-block !important;
    }
}

@media screen and (max-width: 991px) {
    .header_03 .header_btm>div {
        margin-top: 100px;
    }

    .has-sub-menu {
        position: relative;
    }

    .has-sub-menu>a {
        position: static;
    }

    .has-sub-menu>a::after {
        top: 0;
        bottom: auto;
        right: 5px;
        margin: 25px 0;
        pointer-events: none;
    }

    .bg-v-1,
    .bg-v-2,
    .bg-v-3 {
        width: 150px;
        height: 66px;
    }

    .header_03 .header_btm>div {
        padding: 10px;
        margin-bottom: 180px;
    }

    .header_02 .header_btm,
    .header_03 .header_btm {
        min-height: inherit;
    }

    .header_03 .header_btm form {
        margin-top: 40px;
    }

    .contact_us .only-form-box {
        margin-top: 30px;
    }

    .newslatter_outer>div,
    form.newsletter {
        padding-left: 0;
        padding-right: 0;
    }


}

@media screen and (max-width: 767px) {
    html {
        font-size: 14px;
    }

    .ac_nav {
        /* display: none; */
        position: absolute;
        top: 10px;
        width: 100%;
        right: 0;
        top: 0;
        text-align: right;
        padding: 3px;
        background: var(--thm-color-1);
    }

    .job_seekernotifi {
        padding: 0;
        text-align: left;
    }

    .ac_nav .btn {
        padding: 6px 10px;
        font-size: 12px;
    }

    .hamburger {
        padding: 0;
    }

    .header_top {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .navigation nav>ul {
        top: 102%;
    }

    .login_pop_box {
        width: calc(100% - 3px);
        left: 0;
        margin: auto;
    }

    .twobtn_cont>a span {
        font-size: 16px;
        font-weight: 700;
    }

    .logo {
        max-width: 200px;
        max-height: 51px;
    }

    .job_main {
        flex-wrap: wrap;
    }

    .job_container .sidebar {
        width: 100%;
    }

    .job_main_right {
        width: 100%;
    }

    .header_inner .header_btm h2 {
        font-size: 23px;
    }

    .header_04 .banerSearch {
        border-radius: 8px;
    }

    .header_04 .header_btm h2 {
        font-size: 20px;
    }

    .header_04+main>div:first-child.section {
        padding-top: 40px;
    }

    .fb_content {
        margin-left: 20px;
        margin-right: auto;
        width: calc(100% - 60px);
    }

    form.newsletter .btn {
        margin-left: 0;
        margin-top: 10px;
    }

    /*---------------*/
    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .btn,
    button {
        font-size: 14px;
        padding: 10px 15px;
    }

    .header_btm h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .header_btm>div {
        margin-top: 60px;
    }

    .header_btm p {
        margin-bottom: 15px;
    }

    .owl-carousel .owl-dots {
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }

    form {
        padding: 0;
        border-radius: 0;
    }

    .banerSearch {
        border: none;
        padding: 0;
        border-radius: 0;
        background: #fbf8f1;
        display: block;
    }

    .user_type_inner a h3 {
        font-size: 14px;
    }

    .user_type_inner a p {
        font-size: 11px;
    }

    .banerSearch .fw-submit .btn {
        border-radius: 100px;
        padding-top: 6px;
        padding-bottom: 4px;
        font-size: 11px;

    }

    .banerSearch .fild-wrap select {
        padding: 10px 10px 10px 45px;
        border: none;
        border-radius: 0;
    }

    .banerSearch>div {
        margin-bottom: 10px;
        border-radius: 0;
    }

    .fild-wrap>i {
        /*line-height: 40px;*/
        font-size: 23px;
    }

    .banerSearch .fild-wrap.fw-submit {
        width: 100%;
        max-width: 160px;
        margin-left: auto;
        margin-right: auto;
    }

    /*.user_type_inner .usertype_img {
        display: none;
    }
    .user_type_inner a:hover h3, .user_type_inner a:hover p {
        padding-left: 0;
    }*/
    .user_type_inner .usertype_img img {
        max-width: 100%;
        max-height: 60px;
    }

    .user_type {
        padding: 10px 0 20px 0;
    }

    .header_04 video {
        width: auto;
        height: 100%;
    }

    .section_h {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .category_box {
        margin-bottom: 30px;
    }

    .bg-v-1,
    .bg-v-2,
    .bg-v-3 {
        width: 100px;
        height: 44px;
    }

    .featured_box {
        padding: 10px;
    }

    .fb_image {
        max-width: 40px;
        margin-right: auto;
    }

    .two_col .fb_content {
        width: calc(100% - 50px);
    }

    .fb_content h4 {
        font-size: 15px;
    }

    .two_col .featured_box .fb_action {
        display: block;
    }

    .fb_action .tags {
        padding: 15px 0 0;
        display: block;
    }

    .fb_action .btn {
        margin-left: 20px;
        min-width: 190px;
    }

    .status_box {
        padding: 15px;
    }

    /*----------*/
    .header_02 .header_btm h2 {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .header_02 .header_btm form {
        border-radius: 0;
    }

    .banerSearch {
        display: block;
        border-radius: 0;
    }

    .banerSearch .fild-wrap {
        margin-bottom: 10px;
    }

    .fw-submit input {
        border-radius: 10px;
    }

    .header_02 .header_btm {
        background-image: none;
    }

    .header_02 .header_btm form {
        margin-top: 10px;
    }

    .user_type_inner a h3 {
        font-size: 14px;
    }

    .featured_box .tags {
        padding: 10px 0 10px;
    }

    .status_box-3 {
        padding-left: 67px;
        padding-bottom: 10px;
    }

    .status_box-3 i {
        font-size: 18px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        line-height: 40px;
    }

    /*----------------*/


    .header_03 .header_btm h2 {
        font-size: 24px;
    }

    .header_03 .header_btm form {
        margin-top: 10px;
    }

    .user_type-2 .btn-rounded {
        top: 0;
    }

    .user_type_inner a div {
        padding: 10px;
    }

    .user_type_inner a div:not(.usertype_img) {
        padding: 10px 30px 30px 15px;
    }

    .ut_or {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .user_type-2 .user_type_inner.user_type_seeker a {
        padding-bottom: 40px;
    }

    .user_type-2 .user_type_inner.user_type_post a {
        padding-top: 40px;
    }

    .user_type-2 .user_type_seeker,
    .user_type-2 .user_type_post {
        border: 1px solid #eee;
        border-radius: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .category-how-work-sec {
        margin-top: 0;
    }

    .staffBox_action {
        position: static;
        opacity: 1;
        height: 70px;
        box-shadow: none;
    }

    .staffBox:hover .staffBox_action {
        background: transparent;
    }

    .staff_detail h3 {
        font-size: 16px;
    }

    .staff_detail p {
        font-size: 14px;
    }

    .staff_img img {
        max-width: 60px;
        border: 2px solid #fff;
    }

    .header_btm>div {
        display: block;
    }

    .poster_company {
        height: auto;
        padding: 0;
    }

    .poster_company img {
        float: none;
    }

    .header_inner .header_btm .poster_details h2 {
        margin-top: 10px;
        font-size: 24px;
    }

    .poster_details h5 {
        font-size: 15px;
    }

    .poster_details ul li {
        display: inline-block;
        padding-right: 10px;
    }

    .header_btm a {
        /*display: inline-block;*/
        font-size: 12px;
    }

    .header_btm p {
        font-size: 12px;
    }

    .poster_company {
        width: 80px;
    }

    .poster_action {
        margin-top: 10px;
    }

    .header_btm {
        padding-bottom: 40px;
    }

    .fzf_page h1 {
        font-size: 100px;
    }

    .fzf_page.focused h1 {
        font-size: 30px;
    }

    .fzf_page .container>div,
    .fzf_page.focused .container>div {
        max-width: 100%;
        transition: all 0.6s;
    }

    .fzf_page .fild-wrap input,
    .fzf_page .fild-wrap .btn {
        border-radius: 8px;
        width: auto;
    }

    .fzf_page .banerSearch .fild-wrap.fw-submit {
        margin-left: 0;
    }

    .plan_box {
        max-width: 400px;
        margin: auto;
    }

    .ac_nav.after_login_ac_nav {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .after_login .btn-primary.withdp img {
        max-width: 35px;
        height: 35px;
        border-radius: 100px;
        position: absolute;
        top: -3px;
        bottom: 0;
        right: -3px;
        border: 2px solid #fff;
    }

    .after_login .btn-msg {
        width: 35px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .login_pop {
        position: static;
    }

    .hamburger-box {
        padding-top: 7px;
        display: none;
    }

    .logo img {
        margin-top: -10px;
    }

    .header_inner .header_main::after {
        border: 3px solid #fff;
        opacity: 0.5;
        top: 70%;
    }

    .blog-listing .post_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .blog-listing .post_box .img-responsive {
        max-width: 100%;
    }

    form.newsletter>div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .field .js-example-basic-single {
        display: block;
        width: 100%;
        height: auto;
        padding: 8.5px 8.5px 8.5px 26px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .apply-panel .apply-footer .posted-update {
        padding: 10px 7px 10px 0 !important;
    }

    .apply-footer-action span {
        margin-left: 7px !important;
    }

    .apply-footer-action span i {
        font-size: 15px !important;
    }

    .apply-panel a button {
        padding: 7px 11px !important;
        font-size: 13px !important;
        color: #fff !important;
        background: #d9732d !important;
        border-color: #d9732d !important;
        margin-left: 6px;
    }

    .row.two_col.featured_box_outer .text-right {
        text-align: center !important;
    }

    .footer_widget_box form.newsletter .btn {
        top: -12px !important;
    }

    .grey-main .col-md-4 {
        padding-left: 15px !important;
    }

    .searchbtn-col {
        margin-top: 10px !important;
    }

    .filters-div {
        position: relative !important;
    }

    #faq2 .card-body {
        margin-right: 15px !important;
    }

    .job-detail-list .dt-heading {
        width: 100% !important;
    }

    .job-detail-list {
        display: block !important;
    }

    .job-detail-list .dt-content {
        width: auto !important;
    }

    .apply-panel .card-body-apply {
        padding: 15px 10px 10px 20px !important;
    }

    .the-post-header .post-title,
    .the-post-header .post-title-alt {
        font-size: 19px !important;
    }

    .entry-content {
        font-weight: 500;
        font-size: 14px !important;
    }

    .header_btm h2 {

        margin-top: 60px !important;
        color: #fff !important;
        font-size: 46px !important;
    }

    .main-content {
        margin-top: 110px !important;
    }

    .save-alert-btn {
        margin-bottom: 20px !important;
    }

    .main-content .profile-div {
        text-align: center;
        margin-bottom: 20px;
    }

    #menu2 {
        padding: 0 !important;
    }

    .jobs-list {
        background-color: #f8f8f8;
        padding: 20px 0 !important;
    }

    #menu2 .apply-panel a button {
        padding: 7px 7px !important;
        font-size: 11px !important;
    }

    .wallet-sm-row i {
        font-size: 34px !important;
        color: #a1b1c0 !important;
    }

    .wallet-sm-row {
        display: block !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        text-align: center !important;
    }

    .flex-fill .card-body {
        background: #163c63;
    }

    .flex-fill h3 {
        color: #fff;
    }

    .flex-fill p {
        color: #fff;
    }

    .stat i {
        font-size: 40px !important;
        color: #FFF9 !important;
    }

    .col-6 .card-body {
        background: #163c63;
    }

    .wallet-sm-row .val {
        color: #a1b1c0 !important;
    }

    .ngx-table__header-title {
        display: inline;
        font-size: 12px !important;
        letter-spacing: 0px;
    }


    .row.mtg {
        display: block;
        text-align: center;
    }

    .row.mtg .col-md-6 {
        width: 50%;
        float: left;
        padding: 0 15px;
    }

    .btn.btn-primary.nav-login.dsf {
        width: 100%;
    }

    .icd button {
        width: 100%;
    }

    .bottom-row.icd {
        background: #fff;
        display: inline-block;
        width: 100%;
        padding: 15px 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
    }

    .custom_footer {
        padding: 70px 0 65px;
    }

    /*form.newsletter .form-control, form.newsletter .btn {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }*/
    /*form.newsletter .btn {
        margin-top: 10px;
    }*/

    .banner_slider h2 {
        color: #372354 !important;
        font-size: 18px !important;
        line-height: 28px;
        margin-top: 10px !important;
    }

}






:root {
    --main-bg-color: #41d4d1;
    --main-bgdark-color: #0d0945;
    --main-bg-gr-color: linear-gradient(90deg, #41d4d1, #74e8af);
    --main-bg-gr-hover-color: linear-gradient(90deg, #41d4d1, #41d4d1);
    --main-font-color: #6a696f;
    --fontlight-color: #9a99b2;
    --fontgreen-color: #1fc8d7;


    --thm-color-1: #163C63;
    --thm-color-1-2: #372354;
    --very-light-1: #fff1f0;

    --thm-color-2: #1fc8d7;
    --thm-color-2-2: #0d0945;
    --very-light: #ecfcfc;
}

.nav-signup {
    color: #163c63 !important;
    background: none;
    border-color: #163c63 !important;
}

.nav-signup:hover {
    color: #fff !important;
}

.btn-primary:hover {
    background: #163c63;
}

body {
    /* font-family: 'Mier A'; */
    color: #666666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333
}

.footer_widget_box h1,
.footer_widget_box h2,
.footer_widget_box h3,
.footer_widget_box h4,
.footer_widget_box h5,
.footer_widget_box h6 {
    color: #fff;
}

/*  a {
    color: var(--thm-color-1);
  }
  a:hover {
    color: var(--thm-color-1-2); 
  } */


.btn-primary,
button {
    background: var(--thm-color-1);
    border-color: var(--thm-color-1);
}

.btn-secondary {
    background-color: #f0f0f0;
    color: #333;
    border-color: transparent;
}


.btn-third {
    background: var(--thm-color-1-2);
    border-color: var(--thm-color-1-2);
    color: #fff;
}

.btn-third:hover {
    background: var(--thm-color-1);
    border-color: var(--thm-color-1);
    color: #fff;
}


.btn-primary:hover,
button:hover,
.btn-primary:focus,
button:focus,
.btn-secondary:hover,
button:hover,
.btn-secondary:focus,
button:focus {
    /*  background-color: var(--thm-color-1-2);
    border-color: var(--thm-color-1-2); */
}


.form-control:focus {
    box-shadow: 0 0 0 3px var(--very-light-1);
    border-color: inherit;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
    border-color: inherit;
}



.btn-primary.disabled,
.btn-primary:disabled {
    background: var(--thm-color-1);
    border-color: var(--thm-color-1);
    opacity: 0.5;
}

.dark-section {
    background: var(--thm-color-1-2)
}

.dark-section .section_h {
    color: #fff;
}

.navigation ul>li a {
    color: #333333;
}

.navigation ul>li a:hover,
.navigation ul>li.active a:hover,
.navigation ul .current_page>a {
    color: var(--thm-color-1)
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    background: var(--thm-color-1)
}

.twobtn_cont>a span {
    color: var(--thm-color-1-2);
}

.header_btm h2 {
    color: var(--thm-color-1-2);
}

.owl-carousel .owl-nav button.owl-next {
    background: var(--thm-color-1);
    color: #fff;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: var(--thm-color-1-2);
    color: #fff;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: var(--thm-color-1);
}

.owl-carousel .owl-dots .owl-dot:hover {
    background: var(--thm-color-1-2);
}


.full_width.featured_box_outer .featured_box {
    border-left: 6px solid rgba(255, 255, 255, 0)
}

.full_width.featured_box_outer .featured_box:hover {
    border-left: 6px solid var(--thm-color-1-2);
    transition: all 0.3s ease;
}

.plan_price {
    background: var(--very-light-1);
}

/*.plan_box, .plan_box.plan_box_hoverd {
      border: 1px solid var(--thm-color-1);
  }*/
.plan_box ul i {
    color: var(--thm-color-1-2)
}

.populer_plan {
    background: var(--thm-color-1);
}

.category_box .cb_header i {
    color: var(--thm-color-1-2);
}


/*.category_box:hover {
    color: #fff;
    background:  var(--thm-color-1-2)
  }*/
.category_box:hover {
    color: #fff;
    background: var(--thm-color-1);
}

.category_box:hover .cb_header i {
    color: #fff;
}

.fb_action {}

.section.post_section:after {
    background-image: url(../images/vector1-1.jpg);
}

/**/


.fild-wrap>i {
    color: var(--thm-color-1);
}

.header_btm .select2-dropdown {
    box-shadow: 1px 1px 41px -7px rgba(255, 97, 88, 0.4);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--thm-color-1);
    color: white;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--thm-color-1);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--thm-color-1-2);
    color: #fff;
}



.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #2cc66d;
    background-color: #2cc66d;
}


.tags li {
    background: var(--very-light-1);
    color: var(--thm-color-1-2);
}


.custom_footer.dark_footer,
.custom_footer {
    /*  background: var(--thm-color-1-2);*/
    background: #3b3951;
}

.custom_footer.dark_footer .footer_widget_box h2 {
    color: rgba(255, 255, 255, 0.9)
}

.custom_footer.dark_footer .footer_widget_box h2::after {
    background: rgba(255, 255, 255, 0.3);
}

.custom_footer.dark_footer .social_list li a {
    background: rgba(255, 255, 255, 0.2)
}

.custom_footer.dark_footer .footer_widget_box .copyright-text {
    color: rgba(255, 255, 255, 0.6);
}


.custom_footer.dark_footer .footer_widget_box ul li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    transition: all 0.3s ease;
}

.custom_footer.dark_footer .footer_widget_box ul li a:hover {
    color: rgba(255, 255, 255, 0.9);
}

.category_box:hover {
    /* box-shadow: 1px 1px 14px 5px rgba(55,35,84,0.3);*/
}

/*.banerSearch{
    box-shadow: 1px 1px 41px -7px rgba(255,97,88,0.15);
  
  }*/

form {
    /*box-shadow: 0 -4px 23px -5px rgba(55,35,84,0.05), 1px 1px 41px -7px rgba(255,97,88,0.15);*/
}

.user_type {
    box-shadow: 0 31px 31px -14px rgba(55, 35, 84, 0.1);
}


.user_type_seeker i {
    /* color:  */
}

.user_type_inner a h3 {
    color: var(--thm-color-1-2)
}

.user_type_inner a:hover h3 {
    color: var(--thm-color-1)
}

.status_box i {
    color: var(--thm-color-1)
}




.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.dummy-add {
    height: 100px;
    background-color: #ccc;
    /* margin-top: 20px; */
    margin-bottom: 20px;
}

.main-content {
    margin-top: 100px;
}

.profile-card .user-details {
    display: flex;
    align-items: center;
}

.profile-card .user-details p {
    margin: 0px;
    line-height: 16px;
}

.profile-card .user-details .name-div {
    margin-left: 10px;
}

.name {
    font-size: 16px;
    font-weight: 600;
}

.role {
    font-size: 14px;
    font-weight: 300
}

.profile-progress {
    height: 10px;
    border-radius: 0;
}

.progres-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}

.progres-details p {
    margin: 0px;
    font-size: 14px;
}

.progres-details span {
    color: #ffb600;
    font-size: 13px;
}

.scroe {
    margin-top: 15px;
}

p.last-updated {
    font-size: 12px;
    margin-top: 3px;
    font-weight: 300;
    color: #959595;
}

.update-btn {
    padding: 7px;
    width: 100%;
}

.action-details {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-column-gap: 10px;
    grid-template-columns: 50% 50%;
    margin-top: 15px;
}

.action-card {
    border: 1px solid #1E46BE5c;
    box-shadow: 0 6px 23px -9px rgb(0 0 0 / 30%);
    padding: 15px;
}

.action-card p {
    margin: 0px;
}

p.val {
    font-weight: 600;
}

p.label {
    font-size: 13px;
    color: #1E46BE;
}

.job-alert-create {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.job-alert-create .title {
    font-size: 19px;
    font-weight: 600;
}

.save-alert-btn {
    padding: 9px 20px;
}

.jobs-list {
    background-color: #f8f8f8;
    padding: 20px;
}

.jobs-list .featured_box {
    margin-bottom: 20px;
}

.featured_box .fb_action {
    margin-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0 0;
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.title-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-div h2 {
    font-size: 17px;
    font-weight: 600;
}

.title-div span {
    font-size: 14px;
    color: #1E46BE;
}

.stat i {
    font-size: 20px;
    color: #1E46BE;
}

.active.job-alerts h2 {
    font-size: 16px;
}

.job-alert-create-tab h2 {
    font-size: 16px;
}

.job-alert-create-tab {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.job-alert-card {
    box-shadow: 0 6px 23px -9px rgb(0 0 0 / 30%);
    padding: 15px;
    display: grid;
    grid-template-columns: 70% 30%;
}

.details p {
    margin: 0px;
}

.location-name i {
    color: #1E46BE;
}

p.job-name {
    margin-top: 8px;
}

.actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.actions button {
    padding: 8px;
}

.actions button:hover {
    background: none;
    color: #000;
    border: none;
}

.actions button:active {
    background: none;
    color: #000;
    border: none;
}

.active.job-alerts {
    margin-top: 20px;
}


.nav.nav-pills,
.tab-content {
    border: none;
}

.user_elements_box {
    border: none;
    box-shadow: 0 6px 23px -9px rgb(0 0 0 / 30%);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: none;
    color: #1E46BE !important;
}

.user_elements_box .nav-pills .nav-link {
    color: #ccc;
}

.user_elements_box .nav-pills {
    margin-bottom: 20px;
    padding-top: 20px;
}

.user_elements_box .tab-content {
    padding: 0px 10px;
}

/* Make money */
.skill-card {
    background-color: #d87029de;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    margin-bottom: 30px;
    outline: 4px solid #fff;
    border: 8px solid #163c63;
    outline-offset: -9px;
}

.skill-card .card-body {
    box-shadow: none;
    margin-bottom: 0;
}

.skill-card h1 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    /* margin-bottom: 20px; */
}

.skill-card h1 i,
.skill-card p i {
    margin-right: 10px;
    color: #fff;
}

.divider {
    height: 1px;
    width: 100%;
    background-color: #ddd;
    margin-bottom: 15px;
    margin-top: 15px;
}

.skill-card p {
    margin: 0px;
    font-size: 14px;
    margin-bottom: 5px;
    color: #fff;
}

.test-btn-div {
    text-align: center;
    margin-top: 18px;
}

.test-btn-div button {
    padding: 7px;
    width: 60%;
}

.test-btn-div button i {
    margin-left: 10px;
}

/* Make money */

.wallet-sm-row {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wallet-sm-row i {
    font-size: 40px;
}

.wallet-sm-row p {
    margin: 0px;
}

.withdraw-btn {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.wallet-sm-row .val {
    font-size: 20px;
    margin-bottom: 4px;
}

.wallet-sm-row .label {
    color: #999494;
}

.withdraw-btn .sm-text {
    font-size: 14px;
    margin-top: 20px;
}

/* Profile */

.profile-div {
    position: relative;
}

.profile-div img {
    border-radius: 50%;
    height: 150px;
    width: 150px;
}

.profile-div i {
    position: absolute;
    bottom: 10px;
}

.edu-card h1 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

.edu-card h1:nth-child(3) {
    color: #d87029;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
}

.edu-card p {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
}

.edu-card p i {
    margin-right: 6px;
    color: #163c63;
}

.select2-selection.select2-selection--multiple {
    min-height: 70px !important;
    height: 100%;
    overflow-y: scroll;
}

h1.divider-title {
    text-align: center;
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.dxf {
    background: #193e65 !important;
    padding: 12px 20px;
    outline: 2px solid #fff;
    outline-offset: -5px;
}

.dxf .esv h3 {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    /* margin-top: ; */
}

.dxf .esv i {
    color: #fff;
    float: left;
    padding-top: 10px;
    margin-right: 10px;
}

.fsv .csc {
    background: #d9732d;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
    border: 0;
    float: right;
    border-radius: 3px;
}

.dxf .esv i::before {
    content: '\f0c0';
}


.jyj {
    background: transparent;
    color: #163c63;
}

.tyh {
    text-align: right;
}

.efw:hover {
    background: transparent !important;
    color: #163c63;
    border-color: #163c63;
}

.svd {
    text-align: right;
}

.bfd {
    background: transparent;
    color: #163c63;
}

.efb:hover {
    background: transparent !important;
    color: #163c63;
    border-color: #163c63;
}

.row.cvd {
    padding-top: 20px;
    padding-right: 10px;
}

/* Profile */

/* recruiter */
button.action-btn {
    padding: 5px;
    background: none;
    border: none;
}

.action-edit {
    color: #4f6fff;
}

.action-pause {
    color: #afafaf;
}

.action-delete {
    color: #ff694f;
}


/*---------signup-step-------------*/
.bg-color {
    background-color: #333;
}

.signup-step-container {
    padding: 70px 0px;
    padding-bottom: 60px;
}




.wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
}

.wizard>div.wizard-inner {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 66%;
    margin: 0 auto;
    left: 7%;
    right: 0;
    top: 15px;
    z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #0db02b;
    color: #fff;
    border-color: #0db02b;
}

.wizard li.active span.round-tab i {
    color: #5bc0de;
}

.wizard .nav-tabs>li.active>a i {
    color: #0db02b;
}

.wizard .nav-tabs>li {
    width: 33.3%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs>li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}

.wizard .nav-tabs>li a i {
    position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
    margin-left: 15px;

}

.wizard .nav-tabs>li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 20px;
}


.wizard h3 {
    margin-top: 0;
}

.prev-step,
.next-step {
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
}

.next-step {
    background-color: #0db02b;
}

.skip-btn {
    background-color: #cec12d;
}

.step-head {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}

.term-check {
    font-size: 14px;
    font-weight: 400;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.footer-link {
    margin-top: 30px;
}

.all-info-container {}

.list-content {
    margin-bottom: 10px;
}

.list-content a {
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
}

.list-content a[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.list-content a i {
    text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}

.list-box {
    padding: 10px;
}

.signup-logo-header .logo_area {
    width: 200px;
}

.signup-logo-header .nav>li {
    padding: 0;
}

.signup-logo-header .header-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-inline li {
    display: inline-block;
}

.pull-right {
    float: right;
}

/*-----------custom-checkbox-----------*/
/*----------Custom-Checkbox---------*/
input[type="checkbox"] {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

input[type="checkbox"]::before,
input[type="checkbox"]::after {
    position: absolute;
    content: "";
    display: inline-block;
}

input[type="checkbox"]::before {
    /*  height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 2px; */
}

input[type="checkbox"]::after {
    /*  height: 5px;
    width: 9px;
    left: 4px;
    top: 4px; */
}

input[type="checkbox"]:checked::after {
    /*   content: "";
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg); */
}

input[type="checkbox"]:checked::before {
    /*   background-color: #18ba60;
    border-color: #18ba60; */
}






@media (max-width: 767px) {
    .sign-content h3 {
        font-size: 40px;
    }

    .wizard .nav-tabs>li a i {
        display: none;
    }

    .signup-logo-header .navbar-toggle {
        margin: 0;
        margin-top: 8px;
    }

    .signup-logo-header .logo_area {
        margin-top: 0;
    }

    .signup-logo-header .header-flex {
        display: block;
    }
}

.active-jobs .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 30px;
}

.banner {
    background-color: #f5f5f5;
    padding: 20px;
}

.title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 30px;
}

/* recruiter */


/* job search */

#faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

#faq .card .card-header .btn-header-link {
    /* color: #fff; */
    display: block;
    text-align: left;
    background: #da752f;
    color: #fff;
    padding: 10px;
}

#faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
    background: #fff;
    color: #272727;
}

#faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f105";
}

#faq .card .collapsing {
    background: #fff;
    line-height: 30px;
}

#faq .card .collapse {
    border: 0;
}

#faq .card .collapse.show {
    background: #fff;
    line-height: 30px;
    color: #222;
}

#faq .card {
    margin-bottom: 8px;
    border: 0;
}

.grey-main {
    background-color: #f5f5f5;
}

.filter-head {
    background-color: #fff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9e6e6;
}

.filter-head h1 {
    font-size: 16px;
    margin: 0;
}

.filter-head a {
    font-size: 14px;
    margin: 0;
    color: #0062cc;
}

.filter-checkbox label {
    font-size: 14px;
    font-weight: 300;
    margin-left: 0px;
    line-height: 12px;
    letter-spacing: 0;
    display: revert;
}

#faq2 .form-check-inline {
    padding-left: 0;
    margin-right: 0;
    width: 50%;
}

#faq3 .form-check-inline {
    padding-left: 0;
    margin-right: 0;
    width: 50%;
}

#faq8 .form-check-inline {
    padding-left: 0;
    margin-right: 0;
    width: 50%;
}

#faq9 .form-check-inline {
    padding-left: 0;
    margin-right: 0;
    width: 100%;
}

#faq7 .form-check-inline {
    padding-left: 0;
    margin-right: 0;
    width: 100%;
}

#faq .card-body {
    padding: 10px 28px;
    margin-bottom: 0;
}

/* #faq2 .card-body {
    height: 150px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d7702a #193e65;
} */


#faq2 .form-check-inline .form-check-input {
    position: static;
    margin-top: 8px;
    margin-right: 4px;
    margin-left: 0;
}
#faq3 .form-check-inline .form-check-input {
    position: static;
    margin-top: 8px;
    margin-right: 4px;
    margin-left: 0;
}
#faq4 .form-check-inline .form-check-input {
    position: static;
    margin-top: 8px;
    margin-right: 4px;
    margin-left: 0;
}
.job_card {
    margin-bottom: 10px;
}

.filter_body {
    overflow: auto;
    max-height: calc(95vh - 100px);
    overflow-x: hidden;

    /* padding: 0 15px; */
}

.filter_content {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.filters-div {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}

.filter_body::-webkit-scrollbar {
    width: 5px;
}

.filter_body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.filter_body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.job-list-header {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 10px;
}

.job-list-header label,
.job-list-header select {
    font-size: 14px;
}

.job-list-header div {
    display: grid;
    align-items: center;
    /* justify-content: space-between; */
    grid-template-columns: 30% 50%;
}

.job-list-header p {
    margin: 0;
}

.job-list-header select {
    width: 70%;
    border: none;
    background: none;
    padding: 0;
}

.job-list-header label {
    margin: 0;
}

.jobs-count {
    font-size: 13px;
}

.apply-panel .card-body-apply {
    padding: 15px 10px 10px 32px;
    position: relative;
}

.apply-panel .card-body-apply .card-apply-content .job-tittle {
    display: block;
    padding-right: 10px;
}

.apply-panel .card-body-apply .card-apply-content .job-tittle h3 {
    position: relative;
    padding-right: 70px;
    margin-bottom: 2px;
}

.apply-panel .card-body-apply .card-apply-content .job-tittle h1,
.apply-panel .card-body-apply .card-apply-content .job-tittle h3 {
    line-height: 1.2;
    word-break: break-word;

    font-size: 14px;
    color: #000;
}

.apply-panel .card-body-apply .card-apply-content .job-tittle h3 a {
    line-height: 1.2;
    word-break: break-word;
    font-size: 16px;
    color: #1b4066;
    display: inline;
    margin-right: 10px;
    font-weight: 700;
}

.company-name a {
    color: #d9732d;
    font-weight: 700;
}

.apply-panel .card-body-apply .card-apply-content .job-tittle .company-name {

    font-size: .857em;
    color: #505050;
    margin-top: 2px;
    display: block;
}

.apply-panel .card-body-apply .card-apply-content .searctag {
    width: 100%;
    margin-top: 10px;
}

.apply-panel .card-body-apply .card-apply-content .job-descrip {
    padding: 1px;
    font-size: 14px;
    color: #505050;
    line-height: 20px;
    max-height: 35px;
    margin-top: 5px;
    padding-right: 10px;
}

.apply-panel .apply-footer {
    background: #1b4066;
    padding: 10px 15px;
    zoom: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.apply-panel .apply-footer .posted-update {
    /* float: left; */
    position: relative;
    padding: 10px 7px 10px 0px;
    font-size: 13px;
    line-height: 1;
}

.apply-panel .apply-footer .posted-update .job-posted-type {
    text-transform: capitalize;
    color: #6c54da;

    padding: 0 5px;
    cursor: pointer;
}

.apply-panel .apply-footer .posted-update .posted {
    color: #fff;

    white-space: nowrap;
}

.apply-panel .apply-footer .posted-update .posted {
    color: #fff;

    white-space: nowrap;
}

.apply-panel .apply-footer .apply-footer-action {
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
}

.apply-panel .apply-footer .apply-footer-action {
    float: right;
    text-align: right;
}

.apply-panel .apply-footer .apply-footer-action .btn-apply {
    padding: 8px 17px 6px;
    font-size: 14px;
    background: #ebebeb;

    border-width: 1px;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
}

.line-btn {
    background: #fff;
    border: 2px solid #6c54da;
    color: #6c54da;
}

.card-panel {
    background: #fff;
    zoom: 1;
    margin-bottom: 20px;
}

.apply-panel .card-body-apply .card-apply-content .job-descrip,
.dashboard-aside .profile-sec .user-designation,
.dashboard-aside .profile-sec .user-imgname .username h3,
.multi-line-ellipses,
.profile-tgl-text,
.show-ellipses,
.usr-logged .user-sm .user-name {
    overflow: hidden;
    position: relative;
    max-height: 80px;
    padding-right: 6px;
}

.mr5 {
    margin-right: 5px !important;
}

.fl {
    float: left !important;
}

.apply-panel .card-body-apply .card-apply-content .searctag span {
    display: inline-block;
    min-width: 120px;
    color: #000;
    font-size: 16px;
    padding-right: 8px;
    padding-left: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-weight: bolder;
}

.loc i {
    font-size: 16px;
    margin-right: 10px;
    color: #000;
}

.grey-main .job-descrip.hidden-sm {
    display: none;
}

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

.apply-footer-action span {
    margin-left: 20px;
}

.apply-footer-action span i {
    font-size: 20px;
}

.job-apply-card:hover {
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.apply-panel .apply-footer .apply-footer-action .btn-apply:hover {
    background: #6c54da;
}

.line-btn:hover {
    opacity: 1;
    background: #4a2189;
    border: 2px solid #6c54da;
    color: #fff;
}

/* job search */



/*About */

.welcomeAt {
    padding: 50px 0;
    background: #fff;
}

.welcomeAt img {
    border-radius: 70px 0;
}

.welcomeAt h5 {
    font-size: 22px;
}

.welcomeAt p {
    /* font-family: 'Poppins', sans-serif; */
    font-size: 20px;
    font-weight: 400;
    text-transform: unset;
    line-height: 35px;
    margin: 10px auto;
    display: table;
    color: #555555;
}

.welcomeAt h1 {
    text-align: left;
    color: #484848;
    font-weight: 600;
    margin: 0px 0 0 0;
    background-size: 100% 100%;
    font-size: 45px;
    display: table;
    padding: 5px 0px 0 0;
}

.welcomeAt h1 span {
    color: #ec5f02;
}

.welcomeAt h3 {
    font-size: 17px;
    text-align: left;
    font-weight: 500;
    color: #555555;
    margin-bottom: 0;
    margin-top: 45px;
}

.welcomeBtn {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
}

.welcomeBtn a {
    background: none;
    border: 2px solid #e48d0c;
    color: #e48d0c;
    font-size: 15px;
    background: transparent;
    font-weight: 500;
    padding: 10px 45px;
    display: table;
    text-shadow: none;

}

.welcomeBtn a:hover {
    background: #e48d0c;
    border: 2px solid #e48d0c;
    color: #fff;
}


.clientsReview {
    /* background: url(../images/testimonialsbg.jpg) no-repeat fixed; */
    background-size: cover;
    position: relative;
    padding: 5% 0;
}

.clientsReview:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to right top, #000000, #000000, #4e4640, #b54b05, #9d4206);
    z-index: 0;
    opacity: 0.7;
}

.clientsReview .container {
    position: relative;
    z-index: 11
}

.clientsReview h3 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    margin: 20px 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.clientsReview h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
}

.clientsReview h6 {
    text-align: center;
    font-size: 18px;
    width: 50%;
    margin: 0 auto 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
}

.testimonials {
    overflow: hidden;
    padding: 35px 8px;
    margin: 20px 0;
    box-shadow: 1px 0px 17px 2px #cccccc63;
    background: #fff;
}

.testimonials:hover {
    background: #3c3c3c;
}

.testimonials:hover p {
    color: #fff;
}

.testimonials:hover h5 {
    color: #fff;
}

.testimonials:hover span {
    color: #fff;
}

.testimonials p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    padding: 40px 0 11px;
    margin: 0;
    position: relative;
    color: #555;
    font-style: italic;
}

.testimonials p::after {
    position: absolute;
    content: "";
    width: 33px;
    height: 30px;
    top: 0;
    /* background: url(../images/test.png); */
    left: 21px;
}

.testimonials .cp-rating {
    float: left;
    margin: 0px 0 10px;
}

.testimonials .cp-rating .fa {
    font-size: 14px;
    color: #e65d02 !important;
    margin: 0 0px;
}

.testimonials h3 {
    color: #777;

    font-size: 13px;
    line-height: 24px;
    padding: 30px 20px 50px;
    text-align: center;
    width: 75%;
    margin: auto;
    display: table;
    font-weight: 400;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #eee;
}

.testimonials h3 i {
    font-size: 13px;
    color: #000;
}

.testimonials img {
    width: 80px !important;
    height: 80px;
    border-radius: 50px;
    margin: 0px auto;
    position: relative;
    z-index: 999999;
    top: 0;
    display: table;
    border: 1px solid;
    padding: 2px;
    background: #fff;
    float: none;
}

.testimonials h5 {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 7px;
    text-align: left;
}

.testimonials span {
    color: #353535;
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0 7px;
    text-align: left;
}

/* About */

.field_autocomplete.tagged input {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.field_autocomplete {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    line-height: 1;
    min-width: 300px;
}

.field_autocomplete *,
.field_autocomplete *:before,
.field_autocomplete *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.field_autocomplete input:focus {
    border: 1px solid #ccc;
}

.field_autocomplete input {
    /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
    width: 95%;
    padding: .8em;
    /* border-bottom: 1px solid #333333; */
    background: none;
    color: black;
    display: block;
    padding: 0 0 0 45px;
    border: 1px solid #ccc;
    margin-top: 8px;
    margin-left: 9px;
}

.field_autocomplete input:focus {
    /* border-color: black; */
}

.field_autocomplete input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.7);
    font-style: normal;
}

.field_autocomplete input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.7);
    font-style: normal;
}

.field_autocomplete input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    font-style: normal;
}

.field_autocomplete input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    font-style: normal;
}

.field_autocomplete .tag {
    font-size: 80%;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: #d6d6d6;
    padding: 1.2em;
    cursor: pointer;
    color: black;
    overflow: hidden;
    border: 1px solid #cccc00;
}

.field_autocomplete .tag:hover {
    background: #d6d6d6;
}

.field_autocomplete.tagged input {
    border: none;
}

.field_autocomplete .options_list {
    position: absolute;
    top: 100%;
    z-index: 3;
    background: white;
    left: 10px;
    right: 3px;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

.field_autocomplete .options_list .item_list {
    display: block;
    padding: 1.2em;
    font-size: 80%;
}

.field_autocomplete .options_list .item_list strong {
    font-weight: bold;
}

.field_autocomplete .options_list .item_list.selected {
    background: #d6d6d6;
}

.field_autocomplete.openup .options_list {
    top: auto;
    bottom: 100%;
    -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.6);
}

.categroy_jobs .nav-pills {
    justify-content: center;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: none;
    color: #1E46BE !important;
}

.categroy_jobs .nav-pills .nav-link {
    color: #ccc;
}

.city_btn {
    background-color: #1E46BE;
    padding: 12px 22px;
    border-radius: 100px;
    font-weight: 600;
    color: #fff;
    border: 0px solid transparent;
    display: inline-block;
    margin: 6px 5px;
    font-size: 15px;
}


/* Faqs */


.frequently_sec {
    padding: 80px 0;
    background: #f7f7f7;
}

.frequently_sec_btn {
    margin: 50px 0;
}

.frequently_sec_btn a {
    background-image: linear-gradient(to right top, #ff6600, #e65d02, #cd5404, #b54b05, #9d4206);
    padding: 13px 40px;
    color: #fff;
    font-weight: 600;
    text-shadow: none;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    display: table;
    text-transform: capitalize;
}

.frequently_sec_btn a:hover {
    color: #fff;
    background: #000;
}

.frequently_sec h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #858585;
    letter-spacing: 2px;
    font-weight: 600;
    margin: 0;
    text-align: left;
}

.frequently_sec h1 {
    font-size: 45px;
    color: #000000;
    /* text-transform: uppercase; */
    font-weight: 300;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 5px;
}

.frequently_sec h1 b {
    font-weight: 700;
    color: #1E46BE;
}

.partner_box {
    text-align: center;
    border: 1px solid #ebebeb;
    padding: 33px 0;
    min-height: 120px;
    margin: 0;
    filter: grayscale(100%);
    /* opacity: 0.7; */
    background: #fff;
}

.partner_box:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    filter: grayscale(0);
    opacity: 1;
}

.partner_box img {
    margin: 0px auto;
    display: table;
    float: none;
}

.accordian_div {
    margin: 0;
}

.accordian_div .panel-group {
    margin-bottom: 0;
    background: transparent;
}

.accordian_div .panel-default {
    border-width: 1px 0 1px 0 !important;
    box-shadow: none;
    padding: 0px;
    border-radius: 0 !important;
    margin-top: -1px !important;
    border-color: #cacaca !important;
    border-style: solid !important;
    background: transparent;
}

.accordian_div .panel-default:last-child {
    border: 0;
}

.accordian_div .panel-heading {
    padding: 0px;
    position: relative;
    background: none;
    background-color: transparent !important;
}

.accordian_div .panel-heading i.indicator {
    font-size: 18px;
    font-weight: 500;
    color: #373536;
    position: absolute;
    right: 16px;
    top: 35px;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.accordian_div .panel-title {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    padding-bottom: 0px;
    display: block;
    padding: 30px 0px 30px 0px;
    outline: none;
}

.accordian_div .panel-title.collapsed:hover,
.accordian_div .panel-title.collapsed:focus {
    text-decoration: none;
    color: #333;
    background: transparent;
}

.accordian_div .panel-title.collapsed:hover i,
.accordian_div .panel-title.collapsed:focus i {
    color: #333 !important;
}

.flaticon-substract~.panel-title {
    font-weight: 800;
}

.accordian_div .panel-body {
    border: 0px solid #ed1c24 !important;
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 400;
    padding: 0px 0px 20px 0px;
    line-height: 22px;
    background: transparent;
}

.accordian_div .panel-title {
    text-decoration: none;
    color: #000;
    background: transparent;
    border: 0px solid #bdc3c7;
    border-radius: 0;
    font-weight: 600;
}

.accordian_div .panel-title span {
    display: block;
    color: #5f5f5f;
    margin: 5px 0;
    font-size: 24px;
}

.accordian_div .panel-body h3 {
    /* font-family: 'Roboto', sans-serif; */
    color: #ed1c24;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    margin: 10px 0;
    padding: 0;
    line-height: 22px;
}

.accordian_div .panel-body p {
    color: #777;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
    line-height: 27px;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 80%;
    background: transparent;
}

.accordian_div .panel-title i {
    /* background: url(../images/arowbottom.png) no-repeat; */
    width: 32px;
    height: 32px;
    transform: rotate(90deg);
    background-size: 100% 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.accordian_div .panel-heading {
    border-bottom: 0px solid transparent;
}

.accordian_div .panel-title.collapsed i {
    color: #373536 !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}

.accordian_div .panel-title.collapsed {
    text-decoration: none;
    color: #ffff;
    border: 0px solid #bdc3c7;
    font-weight: 600;
    background: transparent;
}

/* Faqs */


.no-margin {
    margin: 0 !important;
    padding: 0 !important;
}

.title_city_page {
    padding-top: 20px;
    margin-bottom: 15px;
}

.jobs_pill {
    margin-bottom: 20px;
}

.jobs_pill a {
    font-size: 18px;
    font-weight: 700;
}

.jobs_pill .nav-link.active,
.jobs_pill .show>.nav-link {
    border-bottom: 2px solid #1E46BE;
    border-radius: 0;
}



/* Quiz */
.quize {
    max-width: 700px;
    width: 100%;
    margin: 50px auto;
    padding: 50px;
    background: #ffffff;
    border-radius: 10px;
}

.quize ul {
    margin: 0;
    list-style: none;
    color: #7c79c7;
    border: 1px solid #efeeff;
    padding: 20px;
    border-radius: 10px;
    background: #fcfcff;
}

.quize ul li+li {
    margin-top: 16px;
    border-top: 1px solid #efeeff;
    padding-top: 16px;
}

.quize ul li input[type="radio"] {
    display: none;
}

.quize ul li input[type="radio"]+label {
    position: relative;
    padding-left: 25px;
}

.quize ul li input[type="radio"]+label::before {
    content: "";
    position: absolute;
    left: 0;
    background: #ffffff;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: 4px;
    border: 1px solid #7c79c7;
}

.quize ul li input[type="radio"]:checked+label::before {
    content: "";
    background: #0b03fc;
    border-color: #0b03fc;
}

.quize ul li input[type="radio"]:checked+label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 6px;
    height: 7px;
    width: 7px;
    background: #fff;
    border-radius: 50%;
}


.quize label {
    font-size: 15px;
    cursor: pointer;
}

.quize .footer-button {
    margin-top: 20px;
}

.quize .btn,
.quize .submitBtn {
    padding: 14px 30px;
    background-color: #0b03fc;
    color: #fff;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.quize .btn:hover,
.quize .submitBtn:hover {
    box-shadow: 0 14px 18px rgb(11, 3, 252, .28);
}

.quize .question-bar.hidden {
    display: none;
}

.quize .scoreCount {
    color: #000;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: block;
    vertical-align: middle;
    line-height: 3.3;
    font-size: 30px;
    margin: 0 auto;
    background: #FFBA00;
    font-weight: bold;
}

.quize div#showscore {
    text-align: center;
}

.quize .scoreBoard {
    background: #fffbf1;
    border-radius: 10px;
    padding: 50px 20px;
    max-width: 300px;
    margin: 20px auto 50px;
    border: 1px solid #ffe6a1;
}

.quize .wrongAwnswer {
    margin-top: 30px;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 30px;
}

.quize svg {
    fill: #fff;
    height: 9px;
    margin-right: 6px;
}

.quize h2 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 30px;
    color: #0b03fc;
}

/* Quiz */

.categroy_jobs {
    padding-top: 40px;
}

.city_header .header_btm {
    min-height: 208px !important;

}

.jobs_pagination {
    padding-top: 20px;
    padding-bottom: 20px;
}

.jobs_pagination ul {
    justify-content: center;
}

a.city_more_btn {
    background-color: #ffffff;
    padding: 12px 22px;
    border-radius: 100px;
    font-weight: 600;
    color: #1E46BE;
    border: 1px solid #1E46BE;
    display: inline-block;
    margin: 6px 5px;
    font-size: 15px;
}

.content-div {

    max-width: 80%;
    margin: 60px auto;

}

.content-div h1 {
    font-size: 21px;
    color: #000;
}

.content-div h2 {
    font-size: 20px;
    color: #000;
}

.content-div h3 {
    font-size: 20px;
    color: #000;
}

.content-div h4 {
    font-size: 20px;
    color: #000;
}

.content-div h5 {
    font-size: 19px;
    color: #000;
}

.content-div h6 {
    font-size: 19px;
    color: #000;
}

.content-div p {
    font-size: 17px;
    color: #000;
}

.filter_jobs ul {
    display: flex;
    align-items: center;
    list-style: none;
    grid-column-gap: 10px;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 30px;
}

.filter_jobs li {
    border: 1px solid rgb(222 222 222);
    background-color: rgb(226 226 226);
    color: rgb(106, 106, 106);
    padding: 6px 20px;
    border-radius: 20px;

}

.filter_jobs li a {
    color: rgb(106, 106, 106);
    font-size: 13px;
    font-weight: 600;
}

.filter_jobs li.active a {
    color: rgb(255, 255, 255);
}

li.active {
    background-color: rgb(77, 57, 81);
    color: rgb(255, 255, 255);
}




.myaccordion {
    /* max-width: 500px; */
    margin: 50px auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
    border: none;
}

.myaccordion .card-header {
    border-bottom-color: #EDEFF0;
    background: transparent;
    padding: .75rem 1.25rem;
}

.myaccordion .fa-stack {
    font-size: 18px;
}

.myaccordion .card-body {
    box-shadow: unset !important;
}

.myaccordion .btn {
    width: 100%;
    font-weight: bold;
    color: #1E46BE;
    padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
    text-decoration: none;
    background: unset !important;
    border: none !important;
}

.myaccordion li+li {
    margin-top: 10px;
}

.faq_sec {
    padding-bottom: 30px;
    padding-top: 30px;
}

/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #b9cd2c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
}

/* top left*/
.ribbon-top-left {
    /* top: -10px;
    left: -10px; */
    top: -1px;
    left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon-top-left::before {
    top: 0;
    right: 0;
}

.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}

.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

.inner-page-content p {
    line-height: 30px;
    font-size: 17px;
    margin-bottom: 10px;
    color: #000;
}

.announcement-div {
    background-color: #fff;
    padding: 20px;
}

.announcement-div p {
    margin-bottom: 5px !important;
    font-size: 16px !important;
}

.city_wise_jobs {
    margin-top: 20px;
}

.city_wise_jobs h1 {
    font-size: 18px;
    position: relative;
    font-weight: 600;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
    color: #ffffffe6;
}

.city_wise_jobs ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    /* justify-content: center; */
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 0;
}

.city_wise_jobs ul li,
.city_wise_jobs ul li a {
    color: #ffffff99;
    cursor: pointer;
}

.city_wise_jobs ul li a:hover {
    color: #fff !important;
}

#info_modal {
    top: 60px;
}

#info_modal .modal-dialog {
    width: 100%;
    max-width: 90%;
}

.info_content p {
    margin-bottom: 5px;
    font-size: 14px;
}

#info_modal .modal-content {
    border: unset !important;
}

.info_content {
    background-color: #f8d7da;
    padding: 20px;
    width: 55%;
    /*  display: grid;
    grid-template-columns: 97% 3%; */
    margin-top: 20px !important;
    z-index: 111;
    /* position: absolute;
    top: 40px; */
    border-radius: 16px;
    text-align: center;
    margin: auto;
}

.info_content p {
    margin-bottom: 5px !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #2b2b2b;
    max-width: 100% !important;
}

.info_content a {
    color: #3541f4;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 10px;
}

.info_content button {
    background: none;
    border: none;
    color: #1E46BE;
    padding: 5px 5px;
}

.header_btm h2 {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-top: 10px !important;
    /* color: #fff; */
}

.info_sec {
    width: 100%;
    margin: auto;
    margin-top: 100px;
}

.info_sec .info_content {
    background-color: #f8d7da;
    margin: auto
}

.info_sec_t {
    width: 100%;
    margin: auto;
    margin-top: 20px;
}

.info_sec_t .info_content {
    background-color: #f8d7da;
    margin: auto
}

.inner-page-content ul {
    margin-top: 20px;
}

.inner-page-content ul li {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: rgb(131, 48, 0) !important;

}

.inner-page-content h2 {
    font-weight: 600;
    font-size: 25px;
}

.footer_widget_box form {
    background: none;
}

#faq2 {
    /* display: inline-block; */
}

.grey-main .col-md-4 {
    padding-left: 0;
}

.search-btn {
    background-color: #163c63 !important;
}

.create-btn {
    background-color: #163c63 !important;
}

span.select2-search.select2-search--dropdown {
    background-color: #fff0;
    position: absolute;
    top: -42px;
    left: 0;
    width: 80%;
    outline: none;
    border: 0;
}

input.select2-search__field {
    border: none !important;
}

input.select2-search__field:focus {
    outline: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 25px !important;
    margin-top: 5px !important;
}

.banerSearch {
    overflow: hidden !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
    right: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    padding-top: 2px;
}


.mt-4 .col-sm-6:nth-child(1) .card-body {
    background: #163c63;
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(1) .card-body h3 {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(1) .card-body p {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(1) .card-body i {
    color: #ffffff6b;
    font-size: 55px;
    margin-right: 30px;
}


.mt-4 .col-sm-6:nth-child(2) .card-body {
    background: #d87029;
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(2) .card-body h3 {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(2) .card-body p {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(2) .card-body i {
    color: #ffffff6b;
    font-size: 55px;
    margin-right: 30px;
}

.mt-4 .col-sm-6:nth-child(3) .card-body {
    background: #d87029;
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(3) .card-body h3 {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(3) .card-body p {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(3) .card-body i {
    color: #ffffff6b;
    font-size: 55px;
    margin-right: 30px;
}

.mt-4 .col-sm-6:nth-child(4) .card-body {
    background: #163c63;
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(4) .card-body h3 {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(4) .card-body p {
    color: #fff;
}

.mt-4 .col-sm-6:nth-child(4) .card-body i {
    color: #ffffff6b;
    font-size: 55px;
    margin-right: 30px;
}

.save-col-info .btn-success {
    background: #163c63;
    border-color: #163c63;
    padding: 10px 40px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    margin-top: 27px;
}

.save-col .btn-success {
    background: #163c63;
    border-color: #163c63;
    padding: 10px 40px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    margin-top: 27px;
}

.edu-card .action-btns {
    float: right;
}

.quiz-container {
    background: #1a3f66 !important;
    border-radius: 10px;
    outline: 5px solid #fff;
    outline-offset: -9px;
    padding: 20px 50px 17px !important;
    margin: 0 auto 0 !important;
}

.timer {
    margin-left: auto;
    width: 200px;
    background-color: #d9732d !important;
    color: #fff !important;
    padding: 0px 0 1px !important;
    text-align: center;
    font-weight: bold !important;
    border: 4px solid #fff !important;
    border-radius: 5px !important;
    box-shadow: 2px 2px 12px #d9732d !important;
    margin-bottom: 0px !important;
}

.timer p {
    display: inline-block !important;
    padding: 0 6px !important;
    margin: 0 !important;
}

.quiz-container .timer p {}

.quiz-card h1 {
    font-size: 20px;
    margin: 31px 0 10px !important;
    color: #fff !important;
    padding-bottom: 30px !important;
}

.quiz-card .options-container {
    margin: 0;
    list-style: none;
    color: #d87029 !important;
    border: 8px solid #d87029 !important;
    padding: 20px;
    border-radius: 10px;
    background: #fdfdfd !important;
}



.quiz-container .btns-div button {
    background: #d9742e;
    padding: 12px 50px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #fff;
}

.quiz-container .quiz-card h1 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    font-size: 17px !important;
}

#showscore h3 {
    background: #d87029;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    border: 3px dashed;
    outline: 7px solid #d9742e;
    font-weight: 600;
}

.scoreBoard {
    background: #d8702970 !important;
    border-radius: 0 !important;
    padding: 50px 20px !important;
    max-width: 480px !important;
    margin: 0 auto 50px;
    border: 1px solid #d87029 !important;
}

.scoreCount {
    color: #fff !important;
    border-radius: 50%;
    height: 120px !important;
    width: 120px !important;
    display: block;
    vertical-align: middle;
    line-height: 3.3;
    font-size: 30px;
    margin: 0 auto;
    background: #1b4067 !important;
    font-weight: 700;
    border: 4px dashed #fff !important;
    outline: 6px solid #1b4067 !important;
    outline-offset: 0px !important;
    box-shadow: 5px 5px 10px #1b4067 !important;
}

.scoreBoard .wrongAwnswer {
    color: #fff;
    text-shadow: 1px 2px 3px #000;
    font-size: 17px;
}

.scoreBoard .btn {
    background: #1b4067;
    padding: 10px 50px;
    margin: 0 10px;
}

.post-job .btn-success {
    padding: 11px 40px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    background: #1b4067;
    border-color: #1b4067;
    margin-top: 10px;
}


/*side nav*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #f5f5dc;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: 0.3s;

}

.sidenav i {
    margin-right: 15px;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 600px) {
    .ac_nav.after_login_ac_nav {
        display: none;
    }
}


.dsf img {
    width: 160px;
    height: 60px;
    border-radius: 60%;
    margin: 0 auto;
    display: block;
}

.dsf h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff !important;
}

.ewf h4 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.ewf h5 {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

.ewf {
    background: #01a7af;
    padding-top: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.sidenav {
    display: none;
}

.navigation span {
    display: none;
}

@media only screen and (max-width: 767px) {
    .sidenav {
        display: block !important;
    }

    .navigation span {
        display: block !important;
        color: #1b4066 !important;
        position: relative !important;
        top: -10px !important;
    }

    .header_menu {
        padding: 0px;
    }

}

/*side nav*/