/*===================================
Home Banner CSS
====================================*/
.home-banner-one-activate .menu-area-wrapper {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid #c9ddf9;
}

.ep-home-banner-one-wrapper {
    height: 940px;
    position: relative;
}

.ep-home-banner-content {
    margin-top: 100px;
}

.home-banner-subtitle {
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
}

.ep-home-banner-title {
    width: 85%;
    margin-bottom: 30px;
}

.ep-home-banner-title h1,
.ep-home-banner-title h2,
.ep-home-banner-title h3,
.ep-home-banner-title h4,
.ep-home-banner-title h5,
.ep-home-banner-title h6 {
    font-size: 72px;
    line-height: 80px;
    margin-bottom: 0;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper{
    background-color: transparent;
}

.ep-banner-search-form-wrapper button[type="submit"].btn {
    background-color: #0859F7;
    color: #ffffff;
    border: none;
    position: relative;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0 !important;
    padding: 15px 20px 15px 18px;
    margin-left: -15px;
    margin-top: 12px;
}

.ep-banner-search-form-wrapper button[type="submit"].btn:hover{
    box-shadow: none;
    transform: translateY(0);
    color: #ffffff;
    background-color: #0F2239;

}

.ep-banner-search-form-wrapper button[type="submit"].btn:before{
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 10px;
    font-size: 13px;
}

.ep-banner-search-form-wrapper form {
    margin: 0 !important;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:last-child) {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
    position: relative;
}


.ep-banner-search-form-wrapper .bootstrap-wrapper .form-group select,
.ep-banner-search-form-wrapper .bootstrap-wrapper .form-group select:focus,
.ep-banner-search-form-wrapper .ms-options-wrap > button:focus,
.ep-banner-search-form-wrapper .ms-options-wrap > button{
    border: none !important;
    box-shadow: none;
    outline: none;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:nth-last-child(-n+2)):before{
    content: '';
    position: absolute;
    height: 65px;
    width: 2px;
    background: #DBE6F4;
    top: 4px;
    right: -3px;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper .mb-2,
.ep-banner-search-form-wrapper .bootstrap-wrapper .my-2{
    margin-bottom: 0 !important;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper .form-search{
    background: #FFFFFF;
    border: 1px solid #E7EEF5;
    box-shadow: 0px 16px 33px rgba(221, 227, 237, 0.35);
    border-radius: 12px;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper .form-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/select-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 13px !important;
    padding-left: 4px;
}

.ep-banner-search-form-wrapper .ms-options-wrap > button:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-color: #0F2239;
    border-right-color: #0F2239;
    height: 10px;
    transform: rotate(135deg);
    margin-top: -8px;
}

.ep-banner-search-form-wrapper .ms-options-wrap > .ms-options > ul label.focused,
.ep-banner-search-form-wrapper .ms-options-wrap > .ms-options > ul label:hover,
.ep-banner-search-form-wrapper .ms-options-wrap > .ms-options > ul li.selected label{
    background-color: #0859F7;
    border-color: #0859F7;
    color: #ffffff;
}
.ep-popular-category {
    margin: 5px 0 70px 0;
}
.popular-category {
    font-size: 18px;
}

.elementor .ep-popular-category a {
    margin-left: 5px;
    text-decoration: underline;
}

.ep-job-users-wrapper {
    display: flex;
    align-items: center;
}

.user-text span:first-child {
    color: #0F2239;
    font-size: 24px;
    display: block;
    line-height: 30px;
}

.user-img {
    margin-right: 15px;
}

.banner-right-img-wrapper {
    position: absolute;
    right: 6%;
    bottom: 0;
}

.right-main-img {
    max-width: 92%;
}

.banner-brand-1,.banner-brand-2,.banner-brand-3{
    position: absolute;
}

.banner-brand-1,.banner-brand-2,.banner-brand-3{
    border-radius: 50% !important;
    overflow: hidden;
}

.banner-brand-1 {
    top: 165px;
    left: -70px;
}

.banner-brand-1 img {
    height: 99px !important;
    width: 99px;
}

.banner-brand-2 {
    top: -10px;
    left: 45px;
}

.banner-brand-2 img {
    height: 85px !important;
    width: 85px;
}

.banner-brand-3 {
    top: 10px;
    right: 0;
}

.banner-brand-3 img {
    height: 120px !important;
    width: 120px;
}

.ep-banner-search-form-wrapper .bootstrap-wrapper .form-group label {
    font-size: 15px;
    color: #6A7179;
    margin-bottom: 0;
    margin-left: 4px;
}

.ep-home-banner-two-content #jobbank_search_form {
    padding-left: 10px;
}

@media only screen and (max-width: 1480px) {
    .right-main-img {
        max-width: 80%;
    }

    .banner-right-img-wrapper {
        right: -105px;
    }

    .banner-brand-3 {
        top: -25px;
        right: 140px;
    }
}

@media only screen and (max-width: 1280px) {
    .banner-brand-1 {
        top: 145px;
        left: -10px;
    }
}

@media only screen and (max-width: 1024px) {
    .banner-right-img-wrapper {
        display: none;
    }

    .ep-home-banner-one-wrapper {
        height: 800px;
    }
    .ep-home-banner-title h1, .ep-home-banner-title h2, .ep-home-banner-title h3, .ep-home-banner-title h4, .ep-home-banner-title h5, .ep-home-banner-title h6 {
        font-size: 68px;
        line-height: 76px;
    }

    .ep-home-banner-two-content #jobbank_search_form {
        padding-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .ep-home-banner-title h1, .ep-home-banner-title h2, .ep-home-banner-title h3, .ep-home-banner-title h4, .ep-home-banner-title h5, .ep-home-banner-title h6 {
        font-size: 56px;
        line-height: 70px;
    }

    .ep-home-banner-two-content #jobbank_search_form {
        padding-left: 9px;
    }
}

@media only screen and (max-width: 767px) {
    .ep-home-banner-title h1, .ep-home-banner-title h2, .ep-home-banner-title h3, .ep-home-banner-title h4, .ep-home-banner-title h5, .ep-home-banner-title h6 {
        font-size: 32px;
        line-height: 40px;
    }

    .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:last-child) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:nth-last-child(-n+2)):before{
        display: none;
    }

    .ep-banner-search-form-wrapper .bootstrap-wrapper .form-control,
    .ep-banner-search-form-wrapper .bootstrap-wrapper .form-row > .col, .bootstrap-wrapper .form-row > [class*="col-"]{
        padding: 0;
    }

    .ep-banner-search-form-wrapper button[type="submit"].btn{
        margin-left: 0;
        margin-bottom: 30px!important;
    }

    .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group select, .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group select:focus, .ep-banner-search-form-wrapper .ms-options-wrap > button:focus, .ep-banner-search-form-wrapper .ms-options-wrap > button{
        padding-left: 0;
    }

    .ep-popular-category {
        margin: 5px 0 35px 0;
    }

    .user-img {
        max-width: 120px;
    }

    .ep-home-banner-one-wrapper {
        height: 850px;
    }

    .ep-home-banner-content {
        margin-top: 60px;
    }

    .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group label{
        margin-left: 0;
    }

    .ep-home-banner-two-content #jobbank_search_form {
        padding-left: 0;
    }
}

/*===================================
Home Banner Two CSS
====================================*/
.ep-home-banner-two-wrapper {
    height: 900px;
    position: relative;
}

.ep-home-banner-two-content {
    text-align: center;
    padding: 0 105px;
}

.home-banner-two-subtitle {
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
    color: #ffffff;
}

.ep-home-banner-two-title {
    margin-bottom: 30px;
}

.ep-home-banner-two-title h1,
.ep-home-banner-two-title h2,
.ep-home-banner-two-title h3,
.ep-home-banner-two-title h4,
.ep-home-banner-two-title h5,
.ep-home-banner-two-title h6 {
    font-size: 72px;
    line-height: 80px;
    margin-bottom: 0;
    color: #ffffff;
}

.ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:last-child) {
    -ms-flex: 0 0 27.3%;
    flex: 0 0 27.3%;
    max-width: 27.3%;
    position: relative;
    padding: 0 25px 20px !important;
}

.ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:last-child {
    max-width: 147px;
}

.ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:first-of-type{
    padding-left: 0 !important;
}

.ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:nth-last-child(-n+2)):before{
    right: -10px;
}

.ep-home-banner-two-wrapper .ep-popular-category,
.ep-home-banner-two-wrapper .ep-popular-category a {
    color: #ffffff;
}


@media only screen and (max-width: 1366px) {
    .ep-home-banner-two-content {
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
    .ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:last-child) {
        -ms-flex: 0 0 26.3%;
        flex: 0 0 26.3%;
        max-width: 26.3%;
    }

    .ep-home-banner-two-wrapper {
        height: 760px;
    }
}

@media only screen and (max-width: 767px) {
    .ep-home-banner-two-title h1,
    .ep-home-banner-two-title h2,
    .ep-home-banner-two-title h3,
    .ep-home-banner-two-title h4,
    .ep-home-banner-two-title h5,
    .ep-home-banner-two-title h6 {
        font-size: 32px;
        line-height: 45px;
    }

    .ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:last-child) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group,
    .ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:not(:last-child){
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ep-home-banner-two-wrapper .ep-banner-search-form-wrapper .bootstrap-wrapper .form-group:last-child {
        max-width: 100%;
    }

    .ep-home-banner-two-wrapper {
        height: 800px;
    }

    .home-banner-two-subtitle,
    .ep-home-banner-two-title{
        margin-bottom: 20px;
    }

    .ep-home-banner-two-content {
        margin-top: 30px;
    }
}

/*===================================
HiJobs Images One CSS
====================================*/
.hijobs-images-one-wrapper {
    position: relative;
    display: inline-block;
}

.hijobs-images-one-wrapper .img-two-wrapper {
    position: absolute;
    bottom: 50px;
    height: 300px;
    width: 300px;
    overflow: hidden;
    padding: 15px;
    right: -140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.hijobs-images-one-wrapper .img-two {
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.hijobs-images-one-wrapper .img-two-wrapper:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 50%;
    left: -2px;
}

.hijobs-images-one-wrapper .img-one-circle {
    height: 80px;
    width: 80px;
    position: absolute;
    border: 4px solid;
    border-radius: 50%;
    left: -10px;
    top: 80px;
}

@media only screen and (max-width: 1280px) {
    .hijobs-images-one-wrapper .img-two-wrapper{
        right: -100px;
    }
}

@media only screen and (max-width: 1024px) {
    .hijobs-images-one-main-container {
        text-align: center;
    }

    .hijobs-images-one-wrapper {
        margin-right: 100px;
    }
}

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

}

@media only screen and (max-width: 767px) {
    .hijobs-images-one-wrapper {
        margin-right: 0;
    }

    .hijobs-images-one-wrapper .img-two-wrapper{
        display: none;
    }

    .hijobs-images-one-wrapper .img-one-circle {
        left: 0;
        top: 10px;
    }
}

/*===================================
Section Title CSS
====================================*/

.ep-section-title-wrapper {
    margin-bottom: 40px;
}

.ep-section-title-content {
    width: 100%;
    display: inline-block;
}

.ep-section-subtitle {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.ep-section-title h1,
.ep-section-title h2,
.ep-section-title h3,
.ep-section-title h4,
.ep-section-title h5,
.ep-section-title h6 {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 0;
    font-weight: 500;
}

.ep-section-description {
    margin-top: 20px;
}

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

    .ep-section-subtitle {
        font-size: 14px;
        line-height: 18px;
    }


    .ep-section-title-content {
        width: 100%;
    }

    .ep-section-title h1,
    .ep-section-title h2,
    .ep-section-title h3,
    .ep-section-title h4,
    .ep-section-title h5,
    .ep-section-title h6 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0;
    }

    .ep-section-title-wrapper {
        margin-bottom: 30px;
    }
}



/*===================================
Icon Box One CSS
====================================*/
.icon-box-one-wrapper {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}

.icon-box-one-icon {
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-box-one-title {
    font-size: 24px;
    margin-bottom: 5px;
}


/*====================================
# Button Widget Css
====================================*/
.hijobs-button-one,
.hijobs-button-two {
    display: inline-block;
}

.hijobs-button.hijobs-button-two {
    margin-left: 15px;
}


@media only screen and (max-width: 539px) {
    .hijobs-button.hijobs-button-two {
        margin-left: 5px;
    }

    .hijobs-button.hijobs-button-two {
        margin-top: 10px;
    }
}


/*=================
Counter Up CSS
==================*/
.ep-count-box-wrapper {
    padding: 70px 0 80px;
    overflow: hidden;
}


.ep-single-counter-box{
    color: #ffffff;
    text-align: center;
    margin: 15px 0;
}

.count-number-and-unit {
    font-size: 54px;
    line-height: 68px;
}

.ep-counter-title {
    font-size: 20px;
    display: block;
    line-height: 25px;
}


.count-box-column:not(:last-child):before {
    content: '';
    height: 500px;
    width: 2px;
    background-color: #1A65E4;
    position: absolute;
    right: 0;
    top: -250px;
}

.count-box-column {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .count-number-and-unit {
        font-size: 42px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .ep-count-box-wrapper {
        padding: 60px 0;
    }
}


/*====================================
# Job Category Widget Css
====================================*/
.job-category-item {
    background: #ffffff;
    border: 1px solid #E6E9F4;
    box-shadow: 0px 1px 0px #E6E9F4;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 40px 30px;
}

.ep-job-cat-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 1px solid #E6E9F4;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    display: inline-block;
    color: #0859F7;
    margin-bottom: 20px;
}

.ep-job-cat-name {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
}

.total-open-job {
    font-weight: 300;
    line-height: 20px;
    margin: 10px 0 25px;
}

.ep-job-cat-btn-wrapper .ep-button {
    border: 1px solid #E6E9F4;
    background-color: transparent;
    color: #0859F7;
    padding: 13px 25px 15px 25px;
}

.ep-job-cat-btn-wrapper .ep-button:hover{
    background-color: #0859F7;
    border-color: #0859F7;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    .ep-job-category-wrapper .container {
        padding: 0 5px;
    }
}

@media only screen and (max-width: 767px) {
    .ep-job-category-wrapper .container {
        padding: 0;
    }
}

/*====================================
# How It Works Widget Css
====================================*/
.hiw-item {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.hiw-icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #D2E4F9;
    border-radius: 50%;
    color: #0859F7;
    font-size: 40px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.hiw-title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 35px;
}

.hiw-desc {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.hiw-item:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background: #065af7;
    top: 50px;
    left: 50%;
    z-index: 1;
}

.hiw-item-column:last-child .hiw-item:before{
    display: none;
}

.elementor .hiw-icon img {
    max-width: 40px;
    margin-top: -7px;
}

@media only screen and (max-width: 1200px) {
    .hiw-item:before{
        display: none;
    }
}

/*====================================
# CTA Widget Css
====================================*/
.cta-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
}

.cta-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

.cta-button-wrapper {
    text-align: right;
}

@media only screen and (max-width: 1024px) {
    .cta-content {
        text-align: center;
    }

    .cta-button-wrapper {
        text-align: center;
        margin-top: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .cta-title {
        font-size: 32px;
        line-height: 43px;
        margin-bottom: 15px;
    }
}

/*====================================
# CTA Three Widget
====================================*/
.cta-three-wrapper{
    position: relative;
    padding: 55px 65px 50px 65px;
    border-radius: 10px;
    overflow: hidden;
}

.cta-three-wrapper .cta-left-img {
    position: absolute;
    bottom: 0;
    max-width: 220px;
}

@media only screen and (max-width: 1024px) {
    .cta-three-wrapper .cta-left-img{
        position: relative;
        text-align: center;
        margin-bottom: 40px;
        max-width: initial;
    }
    .cta-three-wrapper {
        padding: 110px 65px 110px 65px;
    }
}

@media only screen and (max-width: 767px) {
    .cta-three-wrapper {
        padding: 100px 20px 100px 20px;
    }
}
/*====================================
# Why Choose US Css
====================================*/

.left-image-column{
    position: relative;
}

.why-choose-left-content {
    position: absolute;
    bottom: -85px;
    width: 115%;
    margin-left: -5%;
}

.left-caption-one {
    width: 188px;
    height: 156px;
    position: absolute;
    top: 0;
    right: 80px;
    border-radius: 50%;
    background: linear-gradient(#81E9FA, #CCACF8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-caption-one-text-wrapper {
    background: #faf6ed;
    height: 145px;
    width: 175px;
    line-height: 100%;
    border-radius: 50%;
}

.left-caption-one-text {
    background: #ffffff;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.08);
    height: 130px;
    width: 155px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 7px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-caption-one-text span,
.left-caption-two-text span{
    display: block;
    font-size: 18px;
}

.left-caption-one-text span:first-child,
.left-caption-two-text span:first-child{
    color: #222222;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 5px;
}

.left-caption-two-text span:first-child{
    margin-bottom: -5px;
}

.left-caption-two {
    background: #ffffff;
    border-radius: 50px;
    position: absolute;
    top: 120px;
    padding: 5px 40px 5px 75px;
    left: -65px;
}

.left-caption-two-image {
    height: 54px;
    width: 54px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 12px;
}


.why-choose-right-content {
    padding: 0 50px;
}

.why-choose-right-content .ep-section-title-wrapper {
    margin-bottom: 45px;
}

.right-box-item {
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: .3s;
}

.why-choose-right-content .icon-box-one-title {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 25px;
}

.why-choose-right-content .icon-box-one-wrapper{
    margin-bottom: 0;
}

.why-choose-right-content .icon-box-one-icon {
    font-size: 20px;
    top: -4px;
    color: #0859F7;
}


.right-box-wrapper .right-box-item:nth-child(even){
    margin-left: 30px;
}

.right-box-item:hover {
    background-color: #0859F7;;
}

.icon-box-one-title,
.icon-box-one-icon,
.icon-box-one-desc{
    transition: .3s;
}

.right-box-item:hover .icon-box-one-title,
.right-box-item:hover .icon-box-one-desc,
.right-box-item:hover .icon-box-one-icon{
    color: #ffffff;
}

@media only screen and (max-width: 1366px) {
    .why-choose-left-content {
        width: 118%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .why-choose-left-content{
        position: relative;
        width: 100%;
        bottom: auto;
        margin-bottom: 80px;
    }

    .left-caption-two{
        left: 0;
    }

    .why-choose-right-content {
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
    .left-caption-two {
        top: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .left-caption-two {
        top: auto;
        bottom: 0;
    }

    .left-caption-one{
        display: none;
    }

    .why-choose-left-content {
        margin-bottom: 50px;
    }

    .right-box-wrapper .right-box-item:nth-child(even) {
        margin-left: 0;
    }

    .right-box-item{
        padding: 25px;
    }
}


/*====================================
# Testimonial One Css
====================================*/

.ep-testimonial-one-item {
    border: 1px solid #E0E5F6;
    border-radius: 10px;
    padding: 40px;
    background-color: #ffffff;
}

.ep-testimonial-desc {
    font-size: 18px;
    line-height: 28px;
    color: #0F2239;
    border-bottom: 1px solid #E0E5F6;
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.ep-testimonial-person-info {
    display: flex;
    align-items: center;
}

.ep-testimonial-image {
    height: 70px;
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
}

.person-details {
    position: relative;
    padding-left: 85px;
    flex: 1;
}

.person-name {
    font-size: 24px;
    margin-bottom: 0;
}

.ep-testimonial-person-info .company-logo {
    max-width: 130px;
    margin-top: 20px;
}

.testimonial-one-wrapper ul.slick-dots {
    margin-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .ep-testimonial-one-item {
        padding: 30px 25px;
    }

    .person-name {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-one-wrapper .container{
        padding: 0;
    }

    .ep-testimonial-one-item{
        padding: 30px;
    }

    .ep-testimonial-person-info .company-logo{
        display: none;
    }
}

/*============================
Locations CSS
============================*/

.bootstrap-wrapper .row.locations a {
    display: block;
}

.layout-one .job-by-location-wrapper {
    position: relative;
    background: #ffffff;
    padding: 20px;
    padding-left: 115px;
    margin-bottom: 30px;
    min-height: 120px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.layout-one .location-image {
    height: 80px;
    width: 80px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 20px;
}

.ep-job-location-btn-wrapper {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #F5F5F5;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    right: 20px;
    overflow: hidden;
}

.ep-job-location-btn-wrapper a {
    display: block;
}

.layout-one .ep-job-location-btn-wrapper {
    top: 50%;
    margin-top: -25px;
}

.ep-job-location-name {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}


.layout-two .job-by-location-wrapper {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 35px;
    border: 1px solid #E6E9F4;
}

.layout-two .location-image {
    height: 290px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.layout-two .ep-job-location-btn-wrapper {
    bottom: 38px;
}

@media only screen and (max-width: 767px) {
    .ep-job-by-location-wrapper .container{
        padding: 0;
    }
}


/*========================
CTA Two Widget
========================*/

.cta-two-wrapper {
    background-color: #f3f7fe;
    border-radius: 20px;
    padding: 70px 165px 95px 70px;
}

.cta-two-image {
    margin-bottom: -95px;
}

.cta-two-content h1,
.cta-two-content h2,
.cta-two-content h3,
.cta-two-content h4,
.cta-two-content h5,
.cta-two-content h6 {
    font-size: 60px;
    line-height: 66px;
}

.cta-two-content h1 span,
.cta-two-content h2 span,
.cta-two-content h3 span,
.cta-two-content h4 span,
.cta-two-content h5 span,
.cta-two-content h6 span {
    font-weight: 300;
}

.cta-two-right-content {
    padding-left: 25px;
}

.cta-two-content {
    font-size: 18px;
    line-height: 28px;
}
.cta-two-button {
    margin-top: 33px;
}

@media only screen and (max-width: 1024px) {
    .cta-two-wrapper {
        padding: 70px 70px 95px 70px;
    }

    .cta-two-right-content {
        text-align: center;
        margin-bottom: 50px;
    }

    .cta-two-right-content {
        padding-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .cta-two-wrapper {
        padding: 70px 50px 95px 50px;
    }

    .cta-two-content h1, .cta-two-content h2, .cta-two-content h3, .cta-two-content h4, .cta-two-content h5, .cta-two-content h6 {
        font-size: 56px;
        line-height: 63px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .cta-two-wrapper {
        padding: 30px 20px 95px 20px;
    }

    .cta-two-content h1, .cta-two-content h2, .cta-two-content h3, .cta-two-content h4, .cta-two-content h5, .cta-two-content h6 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 15px;
    }
}


/*========================
Recent Posts CSS
 ========================*/
.ep-recent-post-item {
    border: 1px solid #E5EAF2;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.recent-post-category {
    display: inline-block;
    background-color: #ECF3FF;
    font-weight: 500;
    font-size: 14px;
}

.recent-post-category a {
    color: #0859F7;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 3px;
}

.recent-post-category .cat-links i {
    display: none;
}
.recent-post-content {
    padding: 30px;
}

.ep-recent-post-title {
    font-size: 22px;
    line-height: 30px;
    margin: 20px 0 15px;
}

.ep-recent-post-item .post-meta li{
    color: #4D5765;
}

.ep-post-read-more {
    border-top: 1px solid #E5EAF2;
    padding-top: 25px;
    margin-top: 25px;
}

.ep-post-read-more .ep-text-button {
    color: #0F2239;
    border-bottom: none;
}

.ep-post-read-more .ep-text-button:hover {
    color: #0859F7;
}

@media only screen and (max-width: 767px) {
    .container.ep-recent-post-wrapper{
        padding: 0;
    }
}

/*==========================================
# Brand Image Slider Widget Css
==========================================*/

.ep-brand-img-wrapper {
    margin: 0 -15px;
}

.ep-brand-item.slick-slide,
.ep-brand-images {
    height: 100px;
}

.ep-brand-item.slick-slide {
    padding: 0 15px;
}

.ep-brand-item.slick-slide img {
    display: inline-block;
}

.ep-brand-item {
    text-align: center;
}

.ep-grayscale-enable img {
    filter: grayscale(100%);
    transition: .3s;
}

.ep-grayscale-enable img:hover {
    filter: grayscale(0);
}


/*==========================================
# Job Of The Day Widget Css
==========================================*/

.ep-job-of-the-day-wrapper .nav-tabs {
    border-bottom: none;
    margin-bottom: 30px;
}

.ep-job-of-the-day-wrapper .nav-tabs .nav-link {
    border: 1px solid #E6E9F4;
    border-radius: 5px;
    margin-right: 20px;
    font-weight: 400;
    margin-bottom: 5px;
}

.ep-job-of-the-day-wrapper .nav-tabs .nav-link:last-child{
    margin-right: 0;
}

.ep-job-of-the-day-wrapper .nav-tabs .nav-link:hover,
.ep-job-of-the-day-wrapper .nav-tabs .nav-link.active{
    border-color: #0859F7;
    color: #0859F7;
}

.ep-job-of-the-day-wrapper .nav-tabs .nav-link i {
    margin-right: 5px;
    font-size: 14px;
}


.ep-single-job-by-category {
    box-shadow: 0px 1px 0px #E6E9F4;
    border: 1px solid #E6E9F4;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 25px;
}

.ep-single-job-by-category .ep-job-top-info {
    position: relative;
    padding-left: 100px;
}

.ep-single-job-by-category .ep-save-job {
    position: absolute;
    right: 0;
    top: 0;
}

.ep-single-job-by-category .company-logo {
    height: 83px;
    width: 83px;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

.ep-single-job-by-category .ep-company-name {
    display: block;
}

.ep-single-job-by-category .ep-job-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0;
}

.ep-single-job-by-category .ep-job-location a {
    color: #6A7179;
}

.ep-single-job-by-category .ep-job-location {
    display: flex;
    align-items: center;
}

.ep-single-job-by-category .ep-job-location i {
    margin-right: 5px;
}

.ep-single-job-by-category .ep-save-job label {
    background: #0859F7;
    color: #ffffff;
    padding: 0px 10px 1px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.ep-single-job-by-category .ep-job-tags a {
    background: #F1F1F1;
    margin-right: 10px;
    color: #0F2239;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.ep-single-job-by-category .ep-job-tags a:last-child {
    margin-right: 0;
}

.ep-single-job-by-category .ep-job-tags {
    border-top: 1px solid #E6E9F4;
    border-bottom: 1px solid #E6E9F4;
    padding: 13px 0 8px 0;
    margin-top: 25px;
}

.ep-single-job-by-category .ep-job-salary-and-deadline {
    display: flex;
    font-weight: 500;
    color: #0F2239;
    margin-top: 20px;
}

.ep-single-job-by-category .ep-job-salary{
    flex: 1;
    position: relative;
    padding-left: 25px;
}

.ep-single-job-by-category .ep-job-salary i {
    display: inline-block;
    border: 1px solid;
    font-size: 11px;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    margin-right: 9px;
    position: absolute;
    left: 0;
    top: 5px;
}

.ep-single-job-by-category .deadline-text {
    color: #6A7179;
    font-weight: 400;
    margin-right: 3px;
}


.ep-job-bottom-text-content {
    color: #0F2239;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid #0F2239;
    display: inline-block;
    border-radius: 50px;
    padding: 7px 30px 9px 30px;
    line-height: 23px;
}

.ep-job-bottom-text-content a {
    text-decoration: underline !important;
    color: #0859F7;
}

.ep-job-bottom-text-content p:last-child{
    margin-bottom: 0;
}

.ep-job-bottom-text-wrapper {
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {
    .ep-single-job-by-category .company-logo {
        position: relative;
    }

    .ep-single-job-by-category .ep-job-top-info {
        padding-left: 0;
    }

    .ep-single-job-by-category{
        padding: 20px;
    }

    .top-info-content {
        margin-top: 15px;
    }

    .ep-single-job-by-category .ep-job-tags a{
        padding: 3px 12px;
    }

    .ep-job-of-the-day-wrapper .nav-tabs .nav-link{
        margin-right: 10px;
        padding: 5px 8px;
    }
}

/*==========================================
# Employer Widget Css
==========================================*/

.ep-single-employer-item {
    border: 1px solid #E0E5F6;
    margin-bottom: 30px;
    position: relative;
    padding: 30px;
    border-radius: 10px;
}

.ep-employer-top-content .ep-employer-img {
    height: 80px;
    width: 80px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.ep-employer-top-content {
    position: relative;
    padding-left: 95px;
}

.ep-employer-name {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}

.employer-locations i {
    font-size: 14px;
    margin-right: 5px;
}

.employer-rating {
    color: #FFCC67;
    font-size: 12px;
}

.ep-employer-open-jobs-btn .ep-button {
    border: 1px solid #E0E5F6;
    background: transparent;
    color: #0859F7;
    font-weight: 500;
    padding: 12px 30px;
}

.ep-employer-open-jobs-btn {
    border-top: 1px solid #E0E5F6;
    margin-top: 30px;
    padding-top: 25px;
}

/*======================
Recent Jobs CSS
=====================*/

.ep-recent-job-item {
    border: 1px solid #EAEDF4;
    border-radius: 10px;
    padding: 45px 30px 30px 30px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

.ep-recent-job-item .ep-company-logo {
    height: 115px;
    width: 115px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.ep-recent-job-item .ep-company-name {
    display: block;
}

.ep-recent-job-item .ep-job-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}

.ep-recent-job-item .ep-job-location a {
    color: #6A7179;
    font-size: 16px;
}

.ep-recent-job-item .ep-job-location i {
    color: #6A7179;
    font-size: 14px;
    margin-right: 5px;
}

.ep-recent-job-item .ep-job-tags {
    border-top: 1px solid #E6E9F4;
    border-bottom: 1px solid #E6E9F4;
    padding: 13px 0 8px 0;
    margin-top: 25px;
}

.ep-recent-job-item .ep-job-tags a {
    background: #F1F1F1;
    margin-right: 10px;
    color: #0F2239;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.ep-recent-job-item .ep-job-salary-and-deadline {
    display: flex;
    font-weight: 500;
    color: #0F2239;
    margin-top: 20px;
}

.ep-recent-job-item .ep-job-salary {
    flex: 1;
    position: relative;
    padding-left: 25px;
    text-align: left;
}

.ep-recent-job-item .ep-job-salary i {
    display: inline-block;
    border: 1px solid;
    font-size: 11px;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    margin-right: 9px;
    position: absolute;
    left: 0;
    top: 5px;
}

.ep-recent-job-item .ep-job-apply-button .ep-button {
    background-color: transparent;
    border: 1px solid #EAEDF4;
    color: #0f2339;
    width: 100%;
    justify-content: center;
    padding: 12px 15px 12px 20px;
}

.ep-recent-job-item .ep-save-job {
    position: absolute;
    left: 30px;
    top: 30px;
}

.ep-recent-job-item .ep-save-job label {
    background: #0859F7;
    color: #ffffff;
    padding: 0px 10px 1px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.ep-recent-job-item .job-rating {
    position: absolute;
    top: 30px;
    right: 30px;
}

.ep-job-apply-button {
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {
    .ep-recent-job-item{
        padding: 45px 25px 30px 25px;
    }
}


/*==========================================
# Employer Directory Two Widget Css
==========================================*/

.ep-employer-item-two {
    border: 1px solid #EAEDF4;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 30px;
}

.ep-employer-two-top-content {
    text-align: center;
}

.ep-employer-two-img {
    height: 115px;
    width: 115px;
    background-size: contain;
    background-position: center;
}

.ep-employer-item-two .employer-locations {
    color: #6A7179;
    margin-top: 8px;
}

.ep-employer-two-name h4 {
    color: #0F2239;
    font-size: 22px;
    margin-bottom: 10px;
}

.ep-employer-two-middle-content,.ep-employer-two-middle-content a {
    color: #0859F7;
}

.ep-employer-two-middle-content {
    display: flex;
    align-items: center;
    border-top: 1px solid #EAEDF4;
    border-bottom: 1px solid #EAEDF4;
    padding: 10px 0;
    margin-top: 20px;
    margin-bottom: 30px;
}

.ep-employer-two-middle-content .total-employee {
    flex: 1;
}

.ep-employer-two-profile-details .ep-button {
    width: 100%;
    justify-content: center;
    padding: 14px 15px;
}


/*=========================
Team Member Widget
=========================*/
.ep-single-team-member {
    border: 1px solid #E6E9F4;
    border-radius: 10px;
    overflow: hidden;
}


.ep-member-image {
    height: 310px;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.ep-member-img-shape {
    position: absolute;
    background: #ffffff;
    clip-path: polygon(102% 100%, 0 72%, 0 100%);
    height: 85px;
    width: 100%;
    bottom: -1px;
}

.slick-track .slick-slide:nth-child(even) .ep-member-img-shape{
    clip-path: polygon(102% 100%, 100% 72%, 0 100%);
}

.member-name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0;
}

.ep-member-info {
    padding: 15px 30px 25px 30px;
}

.ep-member-social-buttons {
    position: absolute;
    bottom: 5px;
    left: 30px;
}

.ep-member-social-buttons a {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    box-shadow: 0px 4px 18px rgba(13, 94, 244, 0.24);
    background: #0859F7;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    margin-top: 5px;
    transition: .3s;
}

.ep-member-social-buttons a:hover {
    color: #ffffff;
}

.ep-member-social-buttons li {
    position: relative;
    overflow: hidden;
}

.ep-member-social-buttons li:not(.expand-icon) a{
    transform: translateY(52px);
}

.ep-single-team-member:hover .ep-member-social-buttons li a{
    transform: translateY(0);
}

.slick-track .slick-slide:nth-child(even) .ep-member-social-buttons{
    left: auto;
    right: 30px;
}

.ep-team-member-wrapper .slick-arrow {
    position: absolute;
    top: -85px;
    right: 10px;
    background-color: #e4eeff;
    color: #065af7;
}

.ep-team-member-wrapper .slick-arrow.slick-prev {
    right: 80px;
}


/*========================
Pricing Table Widget
========================*/

.ep-pricing-table {
    background-color: #EFF2F6;
    padding: 15px;
    border-radius: 10px;
}

.ep-pricing-content-wrapper {
    padding: 30px;
    border-radius: 10px;
    background-color: #ffffff;
}

.pricing-title {
    font-weight: 500;
    font-size: 24px;
    color: #0F2239;
    line-height: 30px;
}

.ep-pricing-price {
    font-size: 48px;
    line-height: 60px;
    color: #0F2239;
    font-weight: 500;
}

.pricing-top {
    border-bottom: 1px solid #ECECEF;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.ep-pricing-button .ep-button {
    width: 100%;
    justify-content: center;
    border-radius: 7px;
}

.ep-pricing-list-icon {
    margin-right: 5px;
}

.ep-pricing-button {
    margin-top: 30px;
    margin-bottom: 35px;
}

.bootstrap-wrapperr.jobbank-pricing-table-wrapper .container {
    padding: 0;
}

.jobbank-pricing-table-wrapper .ep-pricing-table{
    margin-bottom: 30px;
}

/*========================
Image Two Widget
========================*/

.hijobs-images-two-main-container .ep-main-image {
    height: 550px;
    width: 450px;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    margin-left: 150px;
}

.hijobs-images-two-main-container {
    text-align: right;
    position: relative;
}

.text-with-user-image {
    position: absolute;
    left: -150px;
    bottom: 50px;
    text-align: left;
    box-shadow: 0px 6px 35px rgba(9, 22, 48, 0.08);
    background: #ffffff;
    border-radius: 20px;
    padding: 35px 25px 35px 25px;
}
.text-with-user-image span {
    display: block;
}

.hijobs-images-two-main-container .user-count {
    font-size: 24px;
    font-weight: 500;
    color: #0f2339;
    line-height: 30px;
}

.text-with-user-image img {
    margin-top: 20px;
}

.ep-img-two-shape {
    position: absolute;
    top: 40px;
    left: -120px;
    z-index: -1;
}

@media only screen and (max-width: 1024px) {
    .hijobs-images-two-main-container{
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .hijobs-images-two-main-container .ep-main-image{
        width: 100%;
    }

    .text-with-user-image{
        left: 40px;
    }

    .hijobs-images-two-main-container .ep-main-image{
        margin-left: 0;
    }
}


/*========================
Accordion Widget
========================*/

.ep-accordion-wrapper .accordion-button:focus{
    outline: none !important;
    box-shadow: none !important;
}

.ep-accordion-wrapper .accordion-item {
    margin-bottom: 20px;
}

.ep-accordion-wrapper .accordion-collapse{
    border:none;
}

.ep-accordion-wrapper .accordion-button,
.ep-accordion-wrapper .accordion-body{
    border:1px solid #F5F6F8;

}

.ep-accordion-wrapper .accordion-button{
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    line-height: 25px;
}
.ep-accordion-wrapper .accordion-body {
    border-top: 0;
    background: #F5F6F8;
    border-radius: 0 0 5px 5px;
    padding: 30px;
}

.ep-accordion-wrapper .accordion-item:first-of-type .accordion-button,
.ep-accordion-wrapper .accordion-item .accordion-button{
    border-radius: 5px;

}

.ep-accordion-wrapper .accordion-item:first-of-type .accordion-button:not(.collapsed),
.ep-accordion-wrapper .accordion-item .accordion-button:not(.collapsed),
.ep-accordion-wrapper .accordion-item .accordion-button:hover{
    border-radius: 5px 5px 0 0;
    background-color: #0859F7;
    color: #ffffff;
}

.ep-accordion-wrapper .accordion-button.collapsed {
    color: #161c2d;
    background-color: #F5F6F8;
}
.ep-accordion-wrapper .accordion-button:hover,
.ep-accordion-wrapper .accordion-button:not(.collapsed){
    background: #F5F6F8;
}

.ep-accordion-wrapper .accordion-button.collapsed:after,
.ep-accordion-wrapper .accordion-button:not(.collapsed):after{
    background-image: none;
    height: 10px;
    width: 10px;
    transform: rotate(
            45deg
    );
}

.ep-accordion-wrapper .accordion-button.collapsed:after {
    border-left: 2px solid transparent;
    border-right: 2px solid ;
    border-top: 2px solid transparent;
    border-bottom: 2px solid ;

}

.ep-accordion-wrapper .accordion-button:not(.collapsed):after {

    border-left: 2px solid;
    border-right: 2px solid transparent;
    border-top: 2px solid;
    border-bottom: 2px solid transparent;
}

.ep-accordion-wrapper .accordion-button:after {
    position: absolute;
    right: 30px;
    top: 27px;
}

.ep-accordion-wrapper .accordion-button.collapsed:after {
    top: 20px;
}
@media only screen and (max-width: 767px) {
    .ep-accordion-title {
        font-size: 26px;
    }

    .ep-accordion-wrapper .accordion-button {
        padding-left: 20px;
        padding-right: 40px;
    }

    .ep-accordion-wrapper .accordion-body{
        padding: 20px;
    }
}

/*=================================
Accordion Two CSS
==================================*/

.ep-accordion-two-wrapper {
    border-radius: 10px;
    background: #EFF2F6;
    padding: 80px;
}


.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion-item:first-of-type .accordion-button:not(.collapsed),
.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion-item .accordion-button:not(.collapsed),
.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion-item .accordion-button:hover{
    background-color: #ffffff;
    color: #161c2d;
}

.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion-button.collapsed{
    background-color: #f0f2f6;
    color: #161c2d;
}

.ep-accordion-wrapper .accordion-body{
    background-color: #ffffff;
    border: 1px solid #D8DEE7;
    border-top: none;
}

.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion-item:first-of-type .accordion-button,
.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion-item .accordion-button {
    border: 1px solid #D8DEE7;
}

.ep-accordion-wrapper.ep-accordion-two-wrapper .accordion .accordion-item:last-child{
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .ep-accordion-two-wrapper{
        padding: 15px;
    }
}

/*=====================
Popup Video Widget
======================*/

.ep-video-image {
    height: 650px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.ep-video-image .ep-video-button {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.ep-video-image .ep-video-button:before, .ep-video-image .ep-video-button:after{
    background-color: #ffffff;
}

.ep-video-image .ep-video-button i{
    color: #065af7;
}

@media only screen and (max-width: 1024px) {
    .ep-video-image{
        height: 500px;
    }
}

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

}

@media only screen and (max-width: 767px) {
    .ep-video-image{
        height: 300px;
    }
}

/*========================
Job Short Details Widget
========================*/

.job-short-details-wrapper {
    background-color: #ffffff;
    border: 1px solid #E6E9F4;
    padding: 35px 35px 30px 35px;
    border-radius: 10px;
}

.job-short-details-wrapper .job-company-info-and-buttons {
    display: flex;
    align-items: center;
}

.job-short-details-wrapper .left-company-info {
    flex: 1;
    position: relative;
    padding-left: 100px;
}

.job-short-details-wrapper .company-logo {
    height: 85px;
    width: 85px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    background-color: #f1f1f1;
    position: absolute;
    left: 0;
    top: 3px;
}

.job-short-details-wrapper .job-title {
    font-size: 22px;
    margin-bottom: 0;
}

.job-short-details-wrapper .employer-locations,
.job-short-details-wrapper .employer-locations a {
    color: #6A7179;
}

.job-short-details-wrapper .right-apply-save-button {
    display: flex;
    align-items: center;
}

.job-short-details-wrapper .ep-save-job label {
    margin-right: 10px;
    cursor: grab;
}

.job-short-details-wrapper .ep-job-tags {
    border-top: 1px solid #E6E9F4;
    border-bottom: 1px solid #E6E9F4;
    padding: 13px 0 8px 0;
    margin-top: 25px;
}

.job-short-details-wrapper .ep-job-tags a {
    background: #F1F1F1;
    margin-right: 10px;
    color: #0F2239;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.job-short-details-wrapper .employer-rating {
    float: right;
    overflow: hidden;
    margin-top: 8px;
}

.job-short-details-wrapper .ep-job-salary-and-deadline {
    display: flex;
    font-weight: 500;
    color: #0F2239;
    margin-top: 20px;
}
.job-short-details-wrapper .ep-job-salary {
    flex: 1;
    position: relative;
    padding-left: 25px;
}

.job-short-details-wrapper .ep-job-salary i {
    display: inline-block;
    border: 1px solid;
    font-size: 11px;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    margin-right: 9px;
    position: absolute;
    left: 0;
    top: 5px;
}

.job-short-details-wrapper .deadline-text {
    color: #6A7179;
    font-weight: 400;
    margin-right: 3px;
}

@media only screen and (max-width: 767px) {
    .job-short-details-wrapper {
        padding: 25px 20px 20px 20px;
    }

    .job-short-details-wrapper .company-logo{
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 15px;
    }

    .job-short-details-wrapper .left-company-info{
        padding-left: 0;
    }

    .job-short-details-wrapper .job-company-info-and-buttons,
    .job-short-details-wrapper .ep-job-salary-and-deadline{
        display: block;
    }

    .job-short-details-wrapper .right-apply-save-button{
        margin-top: 15px;
    }

    .job-short-details-wrapper .employer-rating{
        float: none;
    }

    .job-short-details-wrapper .ep-job-salary i{
        top: 1px;
    }
}

/*=========================
Job Description Tab Widget
==========================*/
.ep-job-desc-tab-wrapper .nav-tabs .nav-link{
    color: #6A7179;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    padding: 15px 20px;
}

.ep-job-desc-tab-wrapper .nav-tabs .nav-link.active,
.ep-job-desc-tab-wrapper .nav-tabs .nav-link:focus,
.ep-job-desc-tab-wrapper .nav-tabs .nav-link:hover{
    color: #0859F7;
    border-color: transparent;
}

.ep-job-desc-tab-wrapper .nav-tabs{
    border-color: transparent;
}
.ep-job-desc-tab-wrapper .ep-tab-btns-wrapper{
    border: 1px solid #E6E9F4;
    box-shadow: 0px 1px 0px #E6E9F4;
    border-radius: 5px;
}

.ep-job-desc-tab-wrapper .tab-content {
    margin-top: 40px;
}

.ep-job-desc-tab-wrapper .ep-tab-item .ep-text-wrapper h4{
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    margin-top: 15px;
}

.ep-job-desc-tab-wrapper .ep-tab-item .ep-text-wrapper ul {
    margin-top: 25px;
    margin-bottom: 30px;
    padding-left: 15px;
}

.ep-job-desc-tab-wrapper .ep-tab-item .ep-text-wrapper strong{
    color: #6A7179;
}

.ep-job-desc-tab-wrapper .ep-tab-item .ep-text-wrapper ul li{
    margin-bottom: 15px;
}

.ep-job-desc-right-content-wrapper {
    padding-left: 30px;
}

.ep-job-desc-right-content {
    background: #F5F6F8;
    padding: 30px;
    border-radius: 10px;
}

.ep-job-desc-right-content ul li {
    border-bottom: 1px solid #E1E1E1;
    padding: 10px 0;
}

.ep-job-desc-right-content ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.ep-job-desc-right-content .job-location-map {
    margin-bottom: 30px;
}
.ep-job-desc-right-content-wrapper .contact-and-pdf-btn{
    margin-top: 15px;
}

.ep-job-desc-right-content-wrapper .contact-and-pdf-btn .ep-button{
    padding: 13px 40px 11px 40px;
}

.ep-job-desc-right-content-wrapper .contact-and-pdf-btn .ep-button:last-child{
    margin-left: 5px;
}

@media only screen and (max-width: 1024px) {
    .ep-job-desc-right-content-wrapper{
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .ep-job-desc-tab-wrapper .nav-tabs .nav-link{
        padding: 15px;
    }

    .ep-job-desc-right-content{
        padding: 15px;
    }
}


/*=========================
Job Image Gallery Widget
==========================*/
.ep-job-photo-gallery-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}


.ep-job-photo-gallery-wrapper .ep-gallery-item {
    height: 195px;
    border-radius: 15px;
}

@media only screen and (max-width: 767px) {
    .ep-job-photo-gallery-wrapper .ep-gallery-item {
        height: 130px;
    }
}

/*=========================
Related Job Widget
==========================*/

.related-job-wrapper .job-short-details-wrapper {
    margin-bottom: 30px;
}

.related-job-wrapper .right-apply-save-button .ep-button{
    padding:13px 30px 11px 30px;
}

.related-job-section-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}

.related-job-wrapper .job-details-link{
    display: inline-block;
}

.related-job-wrapper .ep-company-name{
    display: block;
}

/*===================
Job Filter Widget
====================*/

.ep-job-listing-with-filter-wrapper .form-group > label {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 28px;
    margin-bottom: 10px;
}

.ep-job-listing-with-filter-wrapper .job-filter-sidebar {
    background: #F5F6F8;
    box-shadow: 0px 1px 0px #E6E9F4;
    border-radius: 10px;
    overflow: hidden;
    padding: 40px;
}

.ep-job-listing-with-filter-wrapper .job-filter-sidebar div {
    background: transparent !important;
}

.ep-job-listing-with-filter-wrapper .bootstrap-wrapper .form-search{
    box-shadow: none;
    padding: 0 !important;
    background-color: transparent;
}



.ep-job-listing-with-filter-wrapper .job-filter-sidebar form{
    margin: 0 !important;
}

.ep-job-listing-with-filter-wrapper .bootstrap-wrapper .p-3{
    padding: 0 !important;
}

.ep-job-listing-with-filter-wrapper .form-group.col-md-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
}

.ep-job-listing-with-filter-wrapper .form-group .btn-group.col-md-12{
    padding: 0 !important;
}

.ep-job-listing-with-filter-wrapper .form-group div{
    padding: 0 !important;
}

.ms-options-wrap > .ms-options{
    overflow-x: hidden !important;
}


.ep-job-listing-with-filter-wrapper .form-group .btn-group button[type="submit"] {
    margin-bottom: 0 !important;
    width: auto !important;
    background: #065af7;
    color: #ffffff;
    padding: 15px 25px;
    text-align: center;
    transition: .3s;
}

.ep-job-listing-with-filter-wrapper .form-group .btn-group button[type="submit"]:hover {
    border-color: transparent;
    box-shadow: none;
    transform: translateY(0);
    opacity: 1;
    filter: brightness(100%);
}

.ep-job-listing-with-filter-wrapper #resetmainpage {
    width: calc(100% + 8px);
    background: #045bf7;
    text-align: center;
    margin-top: 10px;
    padding: 8px 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 18px;
    margin-left: -4px;
}

.ep-job-listing-with-filter-wrapper #resetmainpage i {
    margin-left: 10px;
}

.ep-job-listing-with-filter-wrapper .customcheck {
    padding: 8px 0 8px 25px;
    border: none;
    position: relative;
    margin-bottom: 0;
}

.ep-job-listing-with-filter-wrapper .customcheck .text-small{
    font-size: 16px;
    color: #0F2239;
    line-height: 20px;
    padding-left: 5px;
}

.ep-job-listing-with-filter-wrapper .checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.ep-job-listing-with-filter-wrapper .customcheck:hover input ~ .checkmark,
.ep-job-listing-with-filter-wrapper .customcheck input:checked ~ .checkmark{
    background-color: #0859f7;
}

.ep-job-listing-with-filter-wrapper .customcheck .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.ep-job-listing-with-filter-wrapper .post-pagination ul li a:hover,
.ep-job-listing-with-filter-wrapper .page-links a:hover,
.ep-job-listing-with-filter-wrapper .post-pagination ul li span.current,
.ep-job-listing-with-filter-wrapper .page-links .current{
    background-color: #0859F7;
    border-color: #0859F7;
    color: #ffffff;
}

.ep-job-listing-with-filter-wrapper .post-pagination ul li a,
.ep-job-listing-with-filter-wrapper .post-pagination ul li span,
.ep-job-listing-with-filter-wrapper .page-links a, .page-links span {
    display: inline-block;
    height: 55px;
    border: 2px solid transparent !important;
    border-radius: 5px;
    width: 55px;
    line-height: 53px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    transition: .3s;
    -webkit-transition: .3s;
    color: #0F2239;
    background-color: #F5F5F5;
}

.ep-job-listing-with-filter-wrapper .page-numbers {
    margin: 0;
    padding: 0;
}


.ep-recent-job-wrapper.ep-job-listing-with-filter-wrapper.job-grid-view .ep-home-banner-two-wrapper {
    height: auto;
}

.ep-recent-job-wrapper.ep-job-listing-with-filter-wrapper.job-grid-view .form-row.d-flex.justify-content-end{
    justify-content: center !important;
}

.ep-recent-job-wrapper.ep-job-listing-with-filter-wrapper.job-grid-view .bootstrap-wrapper .form-search{
    border: none;
}

.ep-recent-job-wrapper.ep-job-listing-with-filter-wrapper.job-grid-view .ep-banner-search-form-wrapper {
    border: 1px solid #ebedf4;
    border-radius: 10px;
    margin-bottom: 60px;
    background-color: #ffffff;
    box-shadow: 0px 16px 33px rgba(27, 32, 38, 0.05);
}

.job-short-details-wrapper.single-job-short-details-wrapper {
    margin-top: -190px;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 70px;
}

.ep-job-description-tab-main-wrapper .related-job-wrapper {
    margin-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ep-job-listing-with-filter-wrapper .job-filter-sidebar .form-group {
        max-width: 50%;
    }

    .ep-job-listing-with-filter-wrapper .job-filter-sidebar .form-group:last-child {
        max-width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .job-filter-sidebar {
        margin-bottom: 50px;
    }
}


/*====================================
# Candidate Directory Css
====================================*/
.hijobs-single-candidate {
    border: 1px solid #EAEDF4;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px;
    text-align: center;
}

.ep-candidate-img {
    height: 100px;
    width: 100px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 10px;
}

.ep-candidate-name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px;
}

.candidate-skill {
    font-size: 14px;
    line-height: 18px;
}

.candidate-tags {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #EAEDF4;
    padding: 12px 0;
    margin-top: 20px;
}

.candidate-tags span {
    color: #0F2239;
    background-color: #F1F1F1;
    border-radius: 50px;
    padding: 7px 15px 9px;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
}

.candidate-location-and-rate {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #0f2339;
    margin: 20px 0 15px;
}

.candidate-location{
    flex: 1;
    text-align: left;
}
.candidate-location-and-rate i{
    font-size: 13px;
    margin-right: 5px;
}
.hijobs-single-candidate .candidate-btn {
    display: block;
    background-color: #0859F7;
    width: 100%;
    margin-top: 9px;
    border: 1px solid #0859F7;
    border-radius: 50px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    padding: 4px 15px;
    transition: .3s;
}

.hijobs-single-candidate .candidate-btn:hover {
    background-color: transparent;
    color: #0859F7;
}

.hijobs-single-candidate .candidate-btn.candidate-msg-btn{
    background-color: transparent;
    color: #0859F7;
}

.hijobs-single-candidate .candidate-btn.candidate-msg-btn:hover{
    background-color: #0859F7;
    color: #ffffff;
}

.hijobs-candidate-list .post-pagination{
    margin-top: 50px;
}

.hijobs-candidate-list .post-pagination ul li a,
.hijobs-candidate-list .post-pagination ul li span,
.ep-employer-directory-wrapper .post-pagination ul li a,
.ep-employer-directory-wrapper .post-pagination ul li span{
    line-height: 40px;
}

@media only screen and (max-width: 767px) {
    .hijobs-candidate-list .post-pagination ul li a, .hijobs-candidate-list .post-pagination ul li span {
        line-height: 25px;
    }

    .hijobs-candidate-list .post-pagination{
        margin-top: 30px;
    }
}



/*===================================
Candidate Single CSS
====================================*/
/* Candidate Description CSS */
.candidate-section-title {
    font-size: 28px;
    margin-bottom: 15px;
}

.candidate-quick-video .candidate-section-title,
.candidate-public-portfolio-gallery .candidate-section-title{
    margin-bottom: 20px;
}

.candidate-public-education-wrapper,
.candidate-working-experience-wrapper{
    border: 1px solid #E6E9F4;
    border-radius: 10px;
    padding: 30px;
    margin-top: 25px;
    margin-bottom: 30px;
}

.degree-number,
.exp-number{
    font-size: 16px;
    font-weight: 600;
    color: #0859F7;
    border: 1px solid;
    height: 50px;
    width: 50px;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
}

.education-degree-wrapper,
.work-exp-wrapper{
    position: relative;
    padding-left: 70px;
}

.candidate-public-education-wrapper .degree-description-wrapper,
.candidate-working-experience-wrapper .degree-description-wrapper{
    border-bottom: 1px solid #E6E9F4;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.candidate-public-education-wrapper .education-degree-wrapper:last-child .degree-description-wrapper,
.candidate-working-experience-wrapper .work-exp-wrapper:last-child .degree-description-wrapper{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.degree-title-and-year,
.exp-title-and-year{
    display: flex;
    align-items: center;
}

.degree-title-and-year .degree-title,.exp-title-and-year .exp-title {margin-bottom: 4px;margin-right: 5px;}
.degree-date,.exp-date {
    font-size: 14px;
}

.degree-description-text {
    margin-top: 10px;
}

/* Candidate Sidebar */

.candidate-sidebar-widget {
    background-color: #F5F6F8;
    border-radius: 10px;
    padding: 30px;
}

.candidate-top-content {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.candidate-top-content .candidate-img {
    height: 100px;
    width: 100px;
    background-position: center;
    background-size: contain;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.candidate-name-and-message-option .candidate-name {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}


.candidate-name-and-message-option .sidebar-message-btn {
    border: none;
    background-color: transparent;
    color: #0859F7;
    border-bottom: 1px solid;
    padding: 5px 0 0;
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.candidate-info-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.candidate-info-list ul li {
    display: flex;
    align-items: center;
    color: #0F2239;
    border-bottom: 1px solid #DCE1EA;
    padding: 10px 0 15px;
}

.candidate-info-list ul li span {
    flex: 1;
    color: #6A7179;
}

.candidate-info-list {
    margin: 20px 0 35px;
}


.candidate-cv-download{
    margin-top: 25px;
}
.candidate-cv-download .ep-button {
    width: 100%;
    justify-content: center;
    font-weight: 500;
    padding: 15px;
}

.candidate-quick-video .ep-video-image {
    height: 450px;
    margin-bottom: 30px;
}

.candidate-gallery-slider {
    margin: 0 -15px;
}

.candidate-gallery-item {
    padding: 0 15px;
}

@media only screen and (max-width: 1024px) {
    .candidate-info-list ul li{
        font-size: 15px;
    }

    .candidate-quick-video .ep-video-image{
        height: 350px;
    }
}

@media only screen and (max-width: 991px) {
    .candidate-sidebar-widget{
        margin-top: 50px;
    }

    .candidate-info-list ul li{
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .candidate-quick-video .ep-video-image {
        height: 300px;
    }

    .candidate-gallery-slider {
        margin: 0 -10px;
    }

    .candidate-gallery-item{
        padding: 0 10px;
    }

    .candidate-top-content{
        padding: 15px;
    }
}
/*===================================
Employer Public / Single CSS
====================================*/
.employer-public-profile-wrapper .candidate-public-about-wrapper {
    margin-top: -15px;
}

.employer-public-profile-wrapper .total-open-job{
    margin: 0;
}

.force-full-width {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
}
.employer-open-job-wrapper {
    background-color: #f4f6fc;
    margin-top: 115px;
    margin-bottom:-115px;
    padding: 105px 0 90px 0;
}
.employer-open-job-wrapper .ep-recent-job-item{
    background-color: #ffffff;
}

.employer-open-job-wrapper .ep-recent-job-item .ep-job-apply-button .ep-button{
    border-color: #0859F7;
    background-color: #0859F7;
    color: #ffffff;
}

.employer-open-job-wrapper .candidate-section-title{
    margin-bottom: 30px;
}
/*===================================
Login Form / My Account CSS
====================================*/
form#login_form .form-title,
form#forget-password h3{
    color: #0F2239;
}

form#login_form input[type="text"],
form#login_form input[type="email"],
form#login_form input[type="password"],
form#forget-password input[type="text"],
form#login_form input[type="email"]{
    border-radius: 100px;
    background-color: #F2F2F2;
    border: none;
    font-size: 16px;
    padding: 0 25px;
}


form#login_form button,
form#forget-password button{
    background-color: #065af7;
    color: #ffffff;
    font-weight: 500;
    border-radius: 100px !important;
    margin-top: 20px;
    padding: 10px 20px;
    text-transform: capitalize !important;
    line-height: 1;
}

.forgot-link {
    color: #045bf7;
    font-size: 15px;
    margin-top: 18px;
}

#login-2.bootstrap-wrapper .content-real{
    max-width: 500px;
}

#login-2 div.content-real .create-account {
    margin-top: 35px;
    background-color: #045bf7;
}

#login-2 div.content-real .create-account p a{
    color: #ffffff;
}


/*=====================
Contact Info Widget
======================*/

.ep-single-contact-info {
    border-radius: 10px;
    border: 1px solid #EFF2F6;
    background: #FFF;
    box-shadow: 7px 7px 0px 0px #EFF2F6;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.ep-contact-info-icon {
    height: 100px;
    width: 100px;
    background: #e6eefd;
    line-height: 100px;
    border-radius: 50%;
    color: #0859F7;
    font-size: 30px;
    display: inline-block;
    margin-bottom: 20px;
}

.contact-info-title {
    font-size: 24px;
    margin-bottom: 10px;
}

.contact-info-content a{
    color: #0859F7;
}

.contact-info-content p{
    margin-bottom: 0;
}


/*===================================
Contact Form Widget CSS
====================================*/

.ep-contact-form-container {
    border-radius: 10px;
    background: #EFF2F6;
    padding: 100px;
}

.ep-contact-form-container .ep-section-title-content{
    text-align: center;
}

.hijobs-contact-form-container input[type="text"],
.hijobs-contact-form-container input[type="email"]{
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 50px;
    padding: 15px 25px;
}

.hijobs-contact-form-container textarea{
    border-radius: 10px;
    padding: 15px 25px;
    border-color: #ffffff;
}
.hijobs-contact-form-container select:focus,
.hijobs-contact-form-container .ep-form-control-wrapper input:focus,
.hijobs-contact-form-container input[type="text"]:focus,
.hijobs-contact-form-container input[type="email"]:focus,
.hijobs-contact-form-container textarea:focus{
    border-color: #065af7;
}

.hijobs-contact-form-container button.ep-button{
    width: 100%;
    justify-content: center;
}

.hijobs-contact-form-container input,
.hijobs-contact-form-container input[type="text"],
.hijobs-contact-form-container input[type="email"],
.hijobs-contact-form-container textarea{
    color: #0f2339;
}

.ep-contact-form-container p{
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .ep-contact-form-container{
        padding: 100px 80px;
    }
}

@media only screen and (max-width: 991px) {
    .ep-contact-form-container {
        padding: 100px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .ep-contact-form-container {
        padding: 50px 15px;
    }
}

/*===================================
Job Search Form Builder
====================================*/

.ep-search-form-builder-wrapper .form-row.d-flex.justify-content-end {
    justify-content: flex-start !important;
}

.ep-search-form-builder-wrapper .form-group > label{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1;
}

.ep-search-form-builder-wrapper .btn-group{
    padding: 0 !important;
}

.ep-search-form-builder-wrapper .btn-group button[type="submit"]{
    background-color: #065af7;
    border-color: #065af7;
    color: #ffffff;
    line-height: 1;
    margin-top: 39px;
    padding: 15px 20px;
    width: 100%;
}

.ep-search-form-builder-wrapper .btn-group button[type="submit"]:hover{
    color: #ffffff;
    transform: translateY(0px);
}



.ep-search-form-builder-wrapper .form-group select,
.ep-search-form-builder-wrapper .ms-options-wrap button,
.ep-search-form-builder-wrapper .form-group input{
    background-color: #f0f2f6 !important;
    padding: 0 15px;
    border: 0px !important;
    outline: none;
    box-shadow: none;
}

.ep-search-form-builder-wrapper .ms-options-wrap > .ms-options > ul label{
    padding: 3px 4px 3px 25px;
}

.ep-search-form-builder-wrapper .ms-options-wrap > .ms-options > ul input[type="checkbox"]{
    top: 2px;
}

.ep-search-form-builder-wrapper .ms-options-wrap > button:after{
    right: 15px;
}

.ep-search-form-builder-wrapper select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='gray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-clip: border-box;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
}

/*
Review CSS
 */

.review-section-title{
    margin: 50px 0 30px;
}

.review-section-title,
.review-form-title{
    font-size: 26px;
    font-weight: 500;
    color: #0F2239;
}

.review-form-title{
    border-bottom: 1px solid #00000024;
    padding-bottom: 10px;
}

.review-breakdown {
    border-radius: 15px;
    border: 1px solid #E6E9F4;
    padding: 30px;
}

.average-rating-title {
    font-size: 22px;
}

.average-rating {
    font-size: 42px;
    font-weight: 600;
    color: #0E3DD8;
    margin-bottom: 0;
}

.review-breakdown i {
    color: #feb320;
    font-size: 14px;
}

.review_rating_star,.total-review-count {
    font-weight: 500 !important;
    color: #0f2339;
}

.review_rating_bar{
    background-color: #EAEDF6;
}

.review_rating_bar .bg-success {
    background-color: #0859F7!important;
}

.review-breakdown .progress.review_rating_bar {
    margin-right: 5px;
}

.review_rating_container:last-child .review_rating_star i {
    margin-left: 3px;
}

.single-review-wrapper {
    position: relative;
    padding-left: 135px;
}

.review-left-image {
    position: absolute;
    height: 110px;
    width: 110px;
    border-radius: 100%;
    overflow: hidden;
    left: 0;
}

.review-title {
    font-size: 20px;
    font-weight: 500;
    color: #0f2339;
}

.review-rating i {
    color: #feb221;
}

.review-description {
    margin-top: 15px;
}

#iv_review_form {
    background-color: #EFF2F6;
    padding: 35px;
    border-radius: 10px;
}

#iv_review_form input#review_subject,
#iv_review_form textarea#review_comment{
    background: #ffffff;
    border: none;
    border-radius: 3px !important;
    box-shadow: none;
    outline: none;
    padding: 15px;
}

#iv_review_form input#review_subject {
    height: 50px;
}

#iv_review_form textarea#review_comment{
    height: 100px;
}

#iv_review_form .form-rating {
    display: block;
    float: left;
}

#iv_review_form .form-rating label {
    display: inline-block;
    font-size: 15px;
    padding: 0 3px;
    color: #0e2439;
}

.form-rating input.star-5:checked ~ label.star:before,
.form-rating input.star:checked ~ label.star:before{
    color: #feb221;
    text-shadow: none;
}

.rev-form-label {
    font-size: 18px;
    margin-bottom: 10px;
}

.rev-form-star-label{
    margin-bottom: 0;
}

.form-group.rev-comment-box {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .single-review-wrapper{
        padding-left: 0;
    }

    .review-left-image{
        position: relative;
        margin-bottom: 30px;
    }
}