@font-face{font-family: 'Sansation';src: url('../fonts/Sansation-Bold.eot');src: url('../fonts/Sansation-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Sansation-Bold.woff2') format('woff2'),url('../fonts/Sansation-Bold.woff') format('woff'),url('../fonts/Sansation-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face{font-family: 'Sansation';src: url('../fonts/Sansation-Light.eot');src: url('../fonts/Sansation-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Sansation-Light.woff2') format('woff2'),url('../fonts/Sansation-Light.woff') format('woff'),url('../fonts/Sansation-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face{font-family: 'Sansation';src: url('../fonts/Sansation-LightItalic.eot');src: url('../fonts/Sansation-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Sansation-LightItalic.woff2') format('woff2'),url('../fonts/Sansation-LightItalic.woff') format('woff'),url('../fonts/Sansation-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face{font-family: 'Sansation';src: url('../fonts/Sansation-BoldItalic.eot');src: url('../fonts/Sansation-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Sansation-BoldItalic.woff2') format('woff2'),url('../fonts/Sansation-BoldItalic.woff') format('woff'),url('../fonts/Sansation-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;}
@font-face{font-family: 'Sansation';src: url('../fonts/Sansation-Regular.eot');src: url('../fonts/Sansation-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Sansation-Regular.woff2') format('woff2'),url('../fonts/Sansation-Regular.woff') format('woff'),url('../fonts/Sansation-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
.dmsans{font-family: 'DM Sans', sans-serif;}

:root {--primary-color:#010166;--light-color:#A6A6A6 ;--dark-color:#010166;--black-color:#000;--white-color:#fff;--primary-hover-color:#4e45fa;}

html,body{height:100%;min-height:100%; scroll-behavior: smooth; overflow-x: hidden;overflow-y: auto;}
body{font-size: 14px;font-weight:400; height:100%;font-family: 'Sansation', sans-serif;background: #eef0f2;position: relative;}
* {outline: 0!important; box-sizing: border-box;}
a:active,a:focus,a:hover {outline: 0;text-decoration: none;}
a{cursor: pointer;}
.clear {clear: both}
img{max-width:100%;}
ul{list-style-type: none;}
.b-none {
    border: 0!important
}
.p-0 {
    padding: 0!important
}

.p-10 {
    padding: 10px!important
}


.p-20 {
    padding: 20px!important
}

.p-30 {
    padding: 30px!important
}

.p-l-0 {
    padding-left: 0!important
}

.p-l-10 {
    padding-left: 10px!important
}
.p-l-5
{
    padding-left: 5px;
}
.p-l-15
{
    padding-left: 15px;
}
.p-r-5
{
    padding-right: 5px;
}

.p-l-20 {
    padding-left: 20px!important
}

.p-r-0 {
    padding-right: 0!important
}

.p-r-10 {
    padding-right: 10px!important
}

.p-r-20 {
    padding-right: 20px!important
}

.p-r-30 {
    padding-right: 30px!important
}

.p-r-40 {
    padding-right: 40px!important
}

.p-t-0 {
    padding-top: 0!important
}

.p-t-10 {
    padding-top: 10px!important
}

.p-t-20 {
    padding-top: 20px!important
}

.p-t-30 {
    padding-top: 30px!important
}

.p-b-0 {
    padding-bottom: 0!important
}

.p-b-10 {
    padding-bottom: 10px!important
}

.p-b-20 {
    padding-bottom: 20px!important
}

.p-b-30 {
    padding-bottom: 30px!important
}
.p-b-35 {
    padding-bottom: 35px!important
}

.p-b-40 {
    padding-bottom: 40px!important
}

.m-0 {
    margin: 0!important
}
.m-l-0 {
    margin-left: 0px!important
}
.m-l-5 {
    margin-left: 5px!important
}

.m-l-10 {
    margin-left: 10px!important
}

.m-l-15 {
    margin-left: 15px!important
}

.m-l-20 {
    margin-left: 20px!important
}

.m-l-30 {
    margin-left: 30px!important
}

.m-l-40 {
    margin-left: 40px!important
}

.m-r-5 {
    margin-right: 5px!important
}

.m-r-10 {
    margin-right: 10px!important
}

.m-r-15 {
    margin-right: 15px!important
}

.m-r-20 {
    margin-right: 20px!important
}

.m-r-30 {
    margin-right: 30px!important
}

.m-r-40 {
    margin-right: 40px!important
}

.m-t-5 {
    margin-top: 5px!important
}

.m-t-0 {
    margin-top: 0!important
}

.m-t-10 {
    margin-top: 10px!important
}

.m-t-15 {
    margin-top: 15px!important
}

.m-t-20 {
    margin-top: 20px!important
}

.m-t-30 {
    margin-top: 30px!important
}

.m-t-40 {
    margin-top: 40px!important
}

.m-t-50 {
    margin-top: 50px!important
}

.m-b-0 {
    margin-bottom: 0!important
}

.m-b-5 {
    margin-bottom: 5px!important
}

.m-b-10 {
    margin-bottom: 10px!important
}

.m-b-15 {
    margin-bottom: 15px!important
}

.m-b-17 {
    margin-bottom: 17px !important;
}

.m-b-20 {
    margin-bottom: 20px!important
}

.m-b-30 {
    margin-bottom: 30px!important
}

.m-b-70 {
    margin-bottom: 70px!important
}

.m-t-100{
    margin-top: 100px;
}

.m-b-100{
    margin-bottom: 100px;
}

.m-b-40 {
    margin-bottom: 40px!important
}
.p-b-70 {
    padding-bottom: 70px!important
}
.vt {
    vertical-align: top
}

.vb {
    vertical-align: bottom
}

.vm {
    vertical-align: middle
}

.font-light {
    font-weight: 300
}
.font-regular {
    font-weight: 400 !important;
}

.font-semibold {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}
.border-none{
    border: none !important;
}

header{background: transparent;padding: 30px 0;position: fixed;top: 0;left: 0;right: 0;transition:  0.4s all;z-index: 9999;}
.header_wrap{display: flex;justify-content: space-between;}
.logo{display: inline-flex;}
.logo img{width: 100%;height: 40px;}
.xs_nav_aliment{display:flex;align-items: center;flex-wrap: wrap;flex-basis:calc(100% - 140px);}
.header_left_list{display: inline-flex;list-style-type: none;margin: 0;}
.header_left_list li{padding-left: 25px;}
.header_left_list li a{display: inline-block;font-weight: 700;font-size: 14px;color: var(--white-color) ;letter-spacing: 0.5px;}
.bnt_list_right_header{display: inline-flex;list-style-type: none;margin: 0;flex:30%;justify-content: flex-end;}
.bnt_list_right_header li {padding-left: 25px;}
.bnt_list_right_header li a{display: inline-block;padding: 8px 20px;border-radius: 3px;color: var(--white-color);border: 1px solid var(--white-color);font-size:14px;font-weight: 700;position:relative;}
.bnt_list_right_header li a::before{position: absolute;top: 0px;left: 0px;right: 100%;bottom: 0px;background: var(--primary-color) ;content: "";transition: 0.5s all;border-radius: 3px;z-index: -1;}
.bnt_list_right_header li a:hover::before{right: 0px;}
.bnt_list_right_header li a:hover{color: var(--white-color);}
.normal_header .bnt_list_right_header li a:hover{color: var(--primary-color);background: var(--white-color);}
.header_fixed{background:  var(--primary-color) ;padding:18px 0;}
.normal_header .logo img{filter: brightness(0) invert(1);}
.normal_header{background:  var(--primary-color) ;position: static;}


.home_banner{display: flex;background:url('../images/jm_home_banner.png') no-repeat top center;height: 600px;padding: 100px 0 100px;align-items: center;flex-wrap: wrap;}
.banner_title{display: flex;font-size: 54px;font-weight: 700;color: var(--white-color);line-height: 60px;margin-bottom: 20px;}
.banner_desc{display: flex;font-weight: 400;font-size: 18px;color: var(--white-color);opacity: 0.6;}
.home_catogries{display: flex;margin-top: -114px;}
.whaite_box_search{display: flex;background: var(--white-color);padding: 20px;}
.catogrie_filter_label{font-weight: 400;font-size: 14px;color: var(--primary-color) ;margin-bottom: 5px;}
.select_wrap{display: flex;flex-direction: column;flex-wrap: nowrap;position: relative;}
.input_wrap{display: flex;flex-direction: column;flex-wrap: nowrap;position: relative;}
.btn_addon{display: flex;flex-direction: row;}
.select_wrap::after , .input_wrap::before{position: absolute;top:calc(50% - 13px);right: 5px;width: 1px;height: 26px;content: '';background: #C4C4C4;}
.select_wrap:before{position: absolute;top: calc(50% - 3px);right: 30px;width: 12px;height: 7px;content: '';background:url('../images/select_arrow.svg') no-repeat;}
.catogries_select{background: transparent;border: none;height: 48px;padding: 10px 50px 10px 12px;border: 1px solid #D1D1D1;border-radius: 0px;border-left: none;border-right: none;}
.first_catg_select{border-left: 1px solid #D1D1D1;border-radius: 4px 0 0 4px;}
.before_none::before{display: none;}
.input_wrap .catogries_select{padding: 10px 50px 10px 15px;}
.btn_addon .catogries_select{padding: 10px 15px;}
.search_btn{padding: 13px 23px 14px;background: #33f078 ;border-radius: 4px;color: var(--white-color) !important;font-weight: 700;font-size: 14px;}
.slick_white_wrap{display: inline-block;padding:40px 100px;background: var(--white-color) ;box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15);border-radius: 24px;width: 100%;}
.slick_parent{display: inline-block;text-align: center;}
.worker_catorie_sec{display: flex;padding:50px 0 80px;}
.worker_profile{display: inline-block;}
.worker_profile svg{fill: var(--light-color) ;display: inline-block;}
.worker_profile:hover svg{fill:  var(--primary-color) ;}
.worker_profile_name{display: inline-block;width: 100%;text-align: center;font-weight: 700;font-size: 16px;color: var(--light-color) ;margin-top: 8px;}
.worker_profile:hover .worker_profile_name{color: var(--primary-color) ;}
.slick_white_wrap .slick-prev , .slick_white_wrap .slick-prev:hover, .slick_white_wrap .slick-prev:focus{background: url('../images/slick_left.png') no-repeat;width: 48px;height: 48px;left: 40px;}
.slick_white_wrap .slick-next , .slick_white_wrap .slick-next:hover, .slick_white_wrap .slick-next:focus{background: url('../images/slick_right.png') no-repeat;width: 48px;height: 48px;right: 40px;}
.trade_person_sec{display: flex;padding: 120px 0 100px;position: relative;}
.slick_white_wrap .slick-prev::before, .slick_white_wrap .slick-next::before{content: '';}
.trade_person_sec:before{content: '';background: url('../images/trade_person.png') no-repeat;width:758px;height:773px;position: absolute;top: 0;left: 0;}
.black_banner_title{display: flex;font-weight: 700;font-size: 36px;color: var(--dark-color) ;margin-bottom: 20px;position: relative;}
.black_banner_title::before{position: absolute;top: -15px;background: linear-gradient(225.52deg, var(--primary-color)  0.45%, rgba(0, 0, 0, 0.982162) 100.47%);height: 4px;width: 170px;content: '';}
.black_cons_desc{display: flex;font-weight: 400;font-size: 20px;color: var(--dark-color) ;margin-bottom: 30px;opacity: 0.6;line-height: 33px;}
.post_your_job_btn{display: inline-flex;background: var(--black-color) ;border-radius: 0px 18px 0px 0px;color: var(--white-color)  !important;font-size: 17px;font-weight: 700;padding:20px 35px;align-items: center;justify-content: center;}
.post_your_job_btn:hover{color: var(--white-color) ;opacity: 0.9;}
.post_your_job_btn img{padding-left: 10px; transition: padding 0.3s;}
.post_your_job_btn:hover img{padding-left: 15px;}
.steps_sec{display: flex;padding: 230px 0;background: #F5F5F5;}
.step_by_step{flex-basis: 33.33%;text-align: center;padding: 0 15px;position: relative;}
.step_by_step::before{background: url('../images/steps_arrow.svg') no-repeat;position: absolute;top: 32px;left: calc(50% + 65px);content: '';height: 16px;width: 252px;}
.steps_wrap{display: flex;flex-direction: row;margin: 0 -15px;}
.step_by_step img{margin-bottom: 20px;}
.steps_title{font-weight: 700;font-size: 20px;color: #18191F;margin-bottom: 20px;}
.step_desc{font-weight: 400;font-size: 14px;color: #18191F;margin-bottom: 20px;line-height: 22px;}
.steps_wrap  .step_by_step:last-child::before{display: none;}
.mobile_app_sec{display: flex;padding: 150px 0;position: relative;}
.mobile_app_sec:before{content: '';background: url('../images/mobile_app.png') no-repeat;width:758px;height:773px;position: absolute;top: -150px;right: 0;}
.app_link_wrap{display: flex;}
.app_link_wrap a:first-child{margin-right: 15px;}
.app_link_wrap a:last-child{margin-right: 15px;}
.blue_sec{display: flex;padding: 100px 0;background: linear-gradient(225.52deg, var(--primary-color)  0.45%, rgba(0, 0, 0, 0.982162) 100.47%);text-align: center;}
.white_title_center{display: flex;font-size: 50px;line-height: 65px;font-weight: 700;justify-content: center;letter-spacing: -1.25641px;color: var(--white-color) ;margin-bottom: 20px;}
.white_desc_center{display: flex;font-weight: normal;font-size: 20px;color: var(--white-color) ;opacity: 0.6;margin-bottom: 30px;}
.learn_more_btn{display: inline-flex;background: var(--primary-color) ;border-radius: 0px 18px 0px 0px;color: var(--white-color)  !important;font-size: 17px;font-weight: 700;padding:20px 35px;align-items: center;justify-content: center;}
.learn_more_btn:hover{color: var(--white-color) ;opacity: 0.9;}
.learn_more_btn img{padding-left: 10px; transition: padding 0.3s;}
.learn_more_btn:hover img{padding-left: 15px;}
.latest_completed_project{display: flex;background: #F4F5F7;padding: 100px 0;}
.center_title_black{display: flex;font-weight: 700;font-size: 36px;color: #18191F;margin-bottom: 20px;justify-content: center;text-align: center;}
.center_desc_black{display: flex;font-weight: 400;font-size: 18px;line-height: 32px;color: #18191F;margin-bottom: 60px;justify-content: center;text-align: center;}
.latest_update_wrap{display: inline-block;width: 100%;}
.testimony_wrap{display: inline-block;width: 33.33%;max-width: 370px;text-align: center;padding: 0 15px;}
.pop_content{background: var(--white-color);border-radius: 10px;display: flex;flex-direction: column;padding: 20px;position: relative;text-align: center;margin-bottom: 30px;}
.pop_content::before{background:url('../images/pop_arrow.png') no-repeat;position: absolute;bottom: -18px;left:calc(50% - 12px);height: 24px;width:24px;content: '';background-size: 100%;}
.testimoni_title{color: #18191F;font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.testimoni_desc{color: #18191F;font-size: 14px;font-weight: 400;line-height: 24px;}
.user_image{border-radius: 50%;width: 56px;height: 56px;display: inline-block !important;}
.customer_name{color: #18191F;font-size: 18px;font-weight: 700;text-align: center;margin: 8px 0 5px;}
.company_name{color: #474A57;font-size: 14px;font-weight: 400;text-align: center;}
.latest_update_wrap .slick-dots{bottom: -50px;}
.latest_update_wrap .slick-dots li{width: 8px;height: 8px;margin: 0 10px;}
.latest_update_wrap .slick-dots li button{background: #2EC5CE ;width: 8px ;height: 8px ;padding: 0 ;border-radius: 50%;transition: 0.5s all;}
.latest_update_wrap .slick-dots .slick-active button{border: 3px solid #2EC5CE ;background: var(--white-color) ;height: 14px ;width: 14px ;border-radius: 50%;transition: width , height .2s;}


footer{display: flex;background: linear-gradient(216.96deg, var(--primary-color)  -45.38%, #080632 58.63%);padding: 100px 0;}
.footer_bold_title{font-weight: 700;font-size: 42px;color: var(--white-color) ;letter-spacing: -1.05538px;}
.border_customized_top{border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 50px;padding-top: 50px;}
.footer_logo{display: inline-block;}
.folowers_list{display: flex;list-style-type: none;flex-direction: row;flex-wrap: wrap;padding: 30px 0 0;margin: 0;}
.folowers_list li{display: inline-flex;padding-right: 35px;}
.folowers_list li a{display: inline-block;transition: 0.4s all;}
.folowers_list li a:hover{opacity: 0.8;}
.footer_list_title{display: flex;font-weight: 700;font-size: 15px;color: var(--white-color) ;margin-bottom: 20px;}
.footer_list{display: flex;list-style-type: none;flex-direction: column;flex-wrap: wrap;padding: 0;margin: 0;}
.footer_list li{padding-bottom: 15px;}
.footer_list li a{display: inline-block;color: #979797;transition: 0.2s all;}
.footer_list li a:hover{color: var(--white-color);}

.trader_sign_up{display: flex;padding: 80px 0;}
.trader_signup_left{display: flex;background: url('../images/login_bg.png') no-repeat top left;padding: 80px 30px;flex-direction: column;border-radius: 30px 0 0 30px;position: relative;}
.login_left_title{font-weight: 700;font-size: 24px;color: var(--white-color) ;margin-bottom: 20px;}
.login_left_desc{font-weight: 400;font-size: 14px;color: #E9EBFF;margin-bottom: 20px;}
.trader_signup_right{border-radius: 0 30px 30px 0;padding: 90px 30px 40px;background: var(--white-color);}
.form_wrapper{display: flex;flex-direction: column;margin-bottom: 20px;position: relative;}
.form_label{display: flex;font-size: 14px;font-weight: 400;color: #282C52;margin-bottom: 6px;}
.form_contol{display: flex;background: var(--white-color) ;border: 1px solid #E9EBFF;border-radius: 12px;height: 48px;padding: 5px 15px;color: #282C52;margin: 0;width: 100%;}
.form_contol:focus{background: var(--white-color) ;border: 1px solid var(--primary-color) ;}
.select_addon{display: flex;flex-direction: column;position: relative;}
.select_addon::before{position: absolute;bottom:20px;right: 20px;width: 12px;height: 7px;content: '';background:url('../images/select_arrow.svg') no-repeat;}
.file_format{display: flex;justify-content: flex-end;color: var(--primary-color) ;font-size: 12px;font-weight: 400;margin-top: 6px;}
label.form_contol{line-height: 36px;cursor: pointer;}
.left_sign_up_img{position: absolute;top:calc(50% - 120px);left: calc(50% - 164px);}
.submit_btn{display: inline-block;padding: 15px 60px;background: var(--primary-color) ;border-radius: 12px;font-weight: 700;font-size: 15px;color: var(--white-color) ;margin-top: 20px;}
.submit_btn:hover{color: var(--white-color);background: var(--primary-hover-color);}
.login_sec{display: flex;padding:100px 0;}
.post_your_job_sec{display: flex;padding:50px 0 100px;}
.login_wrap{display: flex;}
.log_sec_left{display: flex;flex-basis: 50%;justify-content: flex-end;}
.log_sec_left img{object-fit: cover;border-radius: 30px 0 0 30px;}
.log_sec_right{display: flex;flex-direction: column;flex-basis: 50%;padding:100px;background: var(--white-color);border-radius: 0px 32px 32px 0px;justify-content: center;}
.log_title{font-size: 24px;font-weight: 700;color: var(--primary-color) ;margin-bottom: 25px;}
.check_box_rember{display: inline-flex;position: relative;color: #2D3748;font-weight: 400;font-size: 14px;padding-left: 30px;align-items: center;cursor: pointer;transition: 0.5s all;}
.check_box_rember::before{position: absolute;top: 0;left: 0;background: #F7FAFC;border: 1px solid #E8E8E8;border-radius: 50%;content: '';width: 20px;height: 20px;}
.check_box_rember::after{position: absolute;top: 4px;left: 4px;background: var(--primary-color) ;border-radius: 50%;content: '';width: 12px;height: 12px;display: none;}
.ref_check:checked + .check_box_rember::after{display: block;}
.ref_check:checked + .check_box_rember::before{border-color: var(--primary-color) ;}
.forgot_link{color: var(--primary-color) ;font-weight: 400;font-size: 14px;}
.login_submit{display: flex;padding: 15px 20px;background: var(--primary-color) ;border-radius: 12px;font-weight: 700;font-size: 15px;color: var(--white-color) ;margin-top: 30px;justify-content: center;}
.login_submit:hover{color: var(--white-color);opacity: 0.9;}
.right_center{display: flex;flex-direction: column;align-items: center;}
.post_your_job_left{display: flex;flex-basis: 50%;background: #F7FAFC;border-radius: 32px 0px 0px 32px;align-items: center;justify-content: center;}
.bg_gray_wrap .form_contol{background: #F4F5F7;border: 1px solid #E9EBFF;}
.bg_gray_wrap .form_contol:focus{background: var(--white-color) ;border: 1px solid var(--primary-color) ;}
.textare_height{min-height: 90px;padding: 15px;}
.prevs_btn{display: inline-block;padding: 15px 60px;border:1px solid var(--primary-color) ;background: var(--white-color);border-radius: 12px;font-weight: 700;font-size: 15px;color: var(--primary-color) ;margin: 20px 20px 0 0;}
.prevs_btn:hover{color: var(--white-color);background: var(--primary-color) ;}
.btn-success{background: #45BC41;border-radius: 5px;}
.btn_pad{padding: 16px;}
.country_code_addons{display: flex;align-items: center;position: absolute;bottom: 15px;left:15px;}
.country_code_addons img{margin-right: 6px;}
.phone_code{padding-left: 8px;color: var(--black-color) ;font-size: 14px;font-weight: 400;}
.phone_code_pad{padding-left: 100px;}
.show_password{cursor: pointer;position: absolute;bottom: 15px;right: 15px;}
.process_sec{display: flex;padding: 100px 0 30px;}
.process_bar{display: flex;position: relative;transition:width 0.5s all;}
.process_bar::before{position: absolute;top: 0;left: 0;right: 0;height: 4px;background: #C1C7DE;content: '';border-radius: 6px;}
.step_one{position: absolute;top:calc(0% - 10px);left: calc(25% - 14px);z-index: 99;}
.step_two{position: absolute;top:calc(0% - 10px);left: calc(50% - 14px);z-index: 99;}
.step_three{position: absolute;top:calc(0% - 10px);left: calc(75% - 14px);z-index: 99;}
.process_bar::after{position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--primary-color) ;content: '';border-radius: 6px;}
.process_one::after{right: 75%;}
.process_two::after{right: 50%;}
.process_three::after{right: 25%;}
.process_four::after{right: 0;}

.finde_trader_sec{display: flex;padding: 60px 0;}
.filter_new_wrap .catogries_select{border: none;}
.white_new_filter_wrap{display: flex;background: var(--white-color) ;box-shadow: 0px 12px 9px rgba(0, 0, 0, 0.1);border-radius: 12px;margin-bottom: 60px;}
.find_trader_list{display: flex;background: var(--white-color) ;border: 1px solid var(--white-color) ;border-radius: 12px;margin-bottom: 40px;padding: 30px;}
.find_trader_list:hover{border: 1px solid var(--primary-color) ;}
.trader_tight_filters{display: flex;}
.left_image_traders{width: 140px;height: 107px;border-radius: 6px;object-fit: cover;}
.trader_info_part{flex-basis: calc(100% - 140px);padding-left: 20px;flex-direction: column;display: flex;}
.left_image_traders_view{width: 160px;height: 139px;border-radius: 6px;object-fit: cover;}
.trader_info_part_view{flex-basis: calc(100% - 160px);padding-left: 20px;flex-direction: column;display: flex;}
.trader_info_name{color: var(--black-color);font-weight: 700;font-size: 18px;margin-bottom: 6px;}
.find_trader_list:hover .trader_info_name{color: var(--primary-color) ;}
.trader_info_location{color: #6d6d6d;font-size: 14px;font-weight: 400;margin-bottom: 6px;}
.trader_info_location_balck{color: var(--black-color);font-size: 14px;font-weight: 400;margin-bottom: 6px;}
.bld_high_black{color: var(--black-color);font-size: 14px;font-weight: 700;margin-right: 5px;}
.send_invite_btn{display: inline-flex;padding:10px 15px;color: var(--white-color) ;background: var(--primary-color) ;border-radius: 6px;font-size: 14px;font-weight: 400;}
.send_invite_btn:hover{opacity: 0.9;color: var(--white-color);}
.trader_desc{display: flex;color: var(--black-color) ;font-size: 16px;font-weight: 400;margin: 20px 0;}
.view_more_link{display: inline-flex;color: var(--primary-color) ;font-size: 14px;font-weight: 700;text-decoration: underline;}
.view_more_link:hover{color: var(--primary-color) ;}
.blue_review_title{display: flex;color: var(--primary-color) ;font-size: 14px;font-weight: 700;}
.homeowner_review{display: flex;background: rgba(237, 242, 251, 0.6);border-radius: 8px;padding: 15px;flex-direction: column;}
.user_review_wrap{display: flex;margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dee2e6;}
.review_user{width: 54px;height: 54px;border-radius: 4px;}
.user_info_wrap{display: flex;flex-direction: column;flex-basis: calc(100% - 54px);padding-left: 15px;justify-content: center;}
.review_user_name{color: var(--black-color) ;font-size: 16px;font-weight: 700;align-items: center;display: flex;margin-bottom: 6px;}
.review_user_desc{color: #6D6D6D;font-size: 13px;font-weight: 400;}
.light_star{background: url('../images/rating_stars_light.png') no-repeat top left;width: 91px;height: 15px;display: inline-flex;margin-left: 15px;}
.dark_star{background: url('../images/rating_stars.png') no-repeat top left;max-width: 91px;height: 15px;display: inline-flex;}
.filter_result{display: flex;color: var(--black-color);font-weight: 400;font-size: 18px;margin-bottom: 20px;}
.filter_con{font-weight: 700;margin-left: 5px;}
.short_wrap{display: flex;justify-content: flex-end;}
.select_label{background: var(--white-color);box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.21);border-radius: 8px;padding: 10px 35px 10px 15px;position: relative;display: flex;align-items: center;margin-bottom: 20px;font-size: 16px;color: var(--black-color);}
.sort_select{border: none;font-size: 16px;font-weight: 700;}
.select_label::before{position: absolute;top:calc(50% - 3.5px);right: 18px;width: 12px;height: 7px;content: '';background:url('../images/select_arrow.svg') no-repeat;}
.modal_wrap{padding: 20px 30px;}
.modal-content{border: none;}
.modal_title{display: flex;color: var(--primary-color);font-weight: 700;font-size: 18px;display: flex;margin-bottom: 23px;}
.post_your_job_btn_blk{display: inline-flex;padding:10px 15px;color: var(--white-color) ;background: var(--primary-color) ;border-radius: 6px;}
.post_your_job_btn_blk:hover{background: #4e45fa;color: var(--white-color);}
.width_100{width: 100% ;}
.btn_addon.justify-content-between .search_btn{border-radius: 12px;}
.worker_profile_wrap{display: flex;padding:20px 15px;background: var(--white-color);border: 1px solid var(--white-color);box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.07);border-radius: 12px;transition: 0.5s all;flex-direction: column;margin-bottom: 30px;}
.worker_profile_wrap:hover{border: 1px solid var(--primary-color);}
.work_info_wrap{display: flex;}
.profile_info_left{width: 80px;height: 80px;border-radius: 6px;}
.profile_info_right{flex-basis: calc(100% - 80px);padding-left: 20px;}
.worker_name{display: flex;font-weight: 700;font-size: 18px;color: var(--black-color);margin-bottom: 5px;}
.worker_loacrion{display: flex;font-weight: 400;font-size: 14px;color: #6D6D6D;margin-bottom: 5px;align-items: center;}
.review_content{display: flex;font-weight: 400;font-size: 14px;margin-bottom: 5px;align-items: center;}
.worker_loacrion img , .review_content img{margin-right: 10px;}
.profile_desc{font-size: 13px;font-weight: normal;color: var(--black-color);margin: 20px 0 0;}
.send_invite_priflie_list{display: inline-flex;padding:8px 18px;color: var(--white-color) ;background: var(--primary-color) ;border-radius: 6px;border:1px solid var(--primary-color);font-weight: 400;font-size: 14px;}
.send_invite_priflie_list:hover{background: #4e45fa;color: var(--white-color)}
.view_details_priflie_list{display: inline-block;padding:8px 18px;border:1px solid var(--primary-color) ;background: var(--white-color);border-radius: 6px;font-weight: 400;font-size: 14px;color: var(--primary-color) ;margin: 20px 0 0 20px;}
.view_details_priflie_list:hover{color: var(--white-color);background: var(--primary-color);}
.pagination_list_wrap{display: flex;justify-content: center;margin-top: 60px;}
.pangination_list{padding: 0;margin: 0;list-style-type: none;display: flex;flex-direction: row;}
.pangination_list li{padding: 0 8px;}
.pangination_list li a{padding: 10px 20px;display: inline-flex;background: var(--white-color);border-radius: 6px;color: #1E202C;transition: 0.5s all;font-size: 16px;font-weight: 400;}
.pangination_list li a.active , .pangination_list li a:hover{color: var(--white-color);background: #33f078;}
.pangination_list li.three_dot{padding: 10px 20px;display: inline-flex;background: var(--white-color);border-radius: 6px;align-items: center;margin: 0px 8px;}
.pangination_list li.three_dot img{max-width: unset;}
.trader_view{display: flex;background: var(--white-color) ;border: 1px solid var(--white-color) ;border-radius: 12px;margin-bottom: 40px;padding: 20px;}
.path_nav_list{display: flex;flex-direction: row;padding: 0;margin: 0 0 20px;}
.path_nav_list li{padding-right:20px;}
.path_nav_list li a{display: inline-flex;color: #1E202C;font-size: 16px;font-weight: 400;}
.path_nav_list li a.active{color: var(--primary-color);}
.trader_view_tab{display: flex;flex-direction: row;padding: 0;margin: 0 0 20px;border-bottom: 1px solid #C4C4C4;}
.trader_view_tab li{padding: 0 10px 0 0;}
.trader_view_tab li a{display: inline-flex;color: #1E202C;font-size: 16px;font-weight: 400;position: relative;padding:10px 30px;}
.trader_view_tab li a::before{position: absolute;bottom: -2px;left: 0;right: 100%;background: var(--primary-color);content: '';height: 3px;border-radius: 5px;transition: 0.5s all;z-index: 9;}
.trader_view_tab li a.active::before , .trader_view_tab li a:hover::before{right: 0;}
.trader_view_tab_wrap{display: flex;background: var(--white-color);border-radius: 8px;padding: 15px;flex-direction: column;}
.adout_desc{color: var(--black-color);font-weight: normal;font-size: 14px;line-height: 28px;}
.path_nav_list li img{max-width: unset;}
.light_star_ylw{background: url('../images/yellow_start.png') no-repeat top left;width: 91px;height: 15px;display: inline-flex;margin-left: 15px;}
.dark_star_ylw{background: url('../images/yellow_start_dark.png') no-repeat top left;max-width: 91px;height: 15px;display: inline-flex;}
.tab_view_show{display: none;width: 100%;}
.tab_view_show.active{display: inline-block;}
.protfolio_label{display: flex;color: var(--black-color);font-weight: 700;font-size: 16px;margin-bottom: 3px;}
.portfolio_value{display: flex;color: #6D6D6D;font-weight: 400;font-size: 16px;margin-bottom: 10px;}
.galary_list{display: flex;margin: 0 -10px;align-items: flex-start;}
.first_image_galary{padding: 10px;flex-basis:65%;}
.first_image_galary img{width: 712px;height: 317px;object-fit: cover;border-radius: 8px;}
.min_galary_alignment{display: flex;flex-wrap: wrap;flex-basis:35%;margin: 0 -8px;padding:10px;}
.min_image_list{flex-basis: 50%;max-width: 50%;padding:0 8px 16px;}
.min_image_list a{display: inline-block;}
.min_image_list img{width: 100%;height: 150px;object-fit: cover;border-radius: 8px;}
.plus_more{position: relative;cursor: pointer;}
.plus_more::before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0, 0, 0 , 0.6);border-radius: 8px;content: '';}
.plus_count{position: absolute;top: calc(50% - 50px);left:calc(50% - 50px);font-size: 30px;color: var(--white-color);font-weight: 400;max-width: 100px;max-height: 100px;text-align: center;display: inline-block;}
.about_project_title{display: flex;color: var(--primary-color);font-weight: 700;font-size: 16px;margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid  var(--primary-color);}
.text_are_height{min-height: 100px;}
.catogries_img{width: 60px;height: 60px;}
.page_title{display: flex;color: var(--black-color);font-size: 18px;font-weight: 700;margin-bottom: 20px;}
.catogries_wrap{display: flex;flex-wrap: wrap;}
.trader_info_catog{color: #6d6d6d;font-size: 14px;font-weight: 400;margin-bottom: 6px;}
.dot_left{position: relative;padding-left: 45px;}
.dot_left::before{position:absolute;top:calc(50% - 2.5px);left: 20px;width: 5px;height: 5px;border-radius: 50%;background: var(--black-color);content: '';}
.gray_getquotes{display: flex;background: #F8F9FA;border: 1px solid #E9ECEF;padding: 15px;flex-direction: column;margin-top: 20px;border-radius: 8px;}
.shortList_title{color: var(--primary-color);font-weight: 700;font-size: 16px;margin-bottom: 8px;}
.short_list_exchange{font-weight: 400;font-size: 14px;color: var(--black-color);}
.responsive_nav , .res_nav_toggle{display: none;}
.message_wrap_chat{display: flex;flex-direction: column;}
.current_user{display: flex;background: var(--white-color);border: 1px solid #E9ECEF;border-radius: 8px;padding: 10px;align-items: center;margin-bottom: 15px;}
.opposite_user{display: flex;background: #F8F9FA;border: 1px solid #E9ECEF;border-radius: 8px;padding: 10px;align-items: center;margin-bottom: 15px;}
.chat_user{width: 46px;height: 46px;border-radius: 3px;object-fit: cover;}
.message_content{flex-basis:calc(100% - 46px);padding-left: 15px;}
.chat_user_title{color: var(--black-color);font-weight: 700;font-size: 16px;display: flex;justify-content: space-between;align-items: center;}
.chat_msg_content{color: #6D6D6D;font-size: 14px;font-weight: 400;}
.chat_time{color: var(--black-color);font-size: 10px;font-weight: 400;}
.send_form{display: flex;position: relative;margin-top: 10px;}
.msg_send_btn{background: var(--primary-color);border-radius: 6px;padding: 8px 15px 8px 10px;color: var(--white-color);font-weight: 400;font-size: 13px;display: inline-flex;align-items: center;position: absolute;top:calc(50% - 18px);right: 5px;}
.msg_send_btn img{margin-right: 5px;}
.msg_input{width: 100%;background: var(--white-color);border: 1px solid #E9ECEF;border-radius: 8px;height: 48px;padding: 5px 15px;}
.msg_send_btn:hover{color: var(--white-color);opacity: 0.9;}
.delete_jobs{background: var(--primary-color);border-radius: 6px;padding: 8px 15px 8px 10px;color: var(--white-color);font-weight: 400;display: inline-flex;align-items: center;font-size: 16px;}
.delete_jobs img{margin-right: 5px;}
.delete_jobs:hover{color: var(--white-color);background: #4e45fa;}
.bg_gray_input{background: #F4F5F7 !important;}
.ongoing_top_view{display: flex;background: var(--white-color);border: 1px solid var(--white-color);border-radius: 12px;margin-bottom: 40px;padding: 20px;flex-direction: column;}
.ongoing_list_detail{display: flex;padding: 0;margin: 0;list-style-type: none;}
.ongoing_list_detail li{padding-right: 60px;color: var(--black-color);font-weight: 700;font-size: 14px;position: relative;}
.ongoing_list_detail li::before{position: absolute;top: calc(50% - 2.5px);left: -32px;width: 5px;height: 5px;background: var(--primary-color);border-radius: 50%;content: '';}
.ongoing_list_detail li:first-child:before{display: none;}
.ongoing_list_detail li span{color: #595959;font-weight: 400;}
.ongoing_id{margin-bottom: 5px;font-size: 14px;color: #33f078;font-weight: 700;justify-content: space-between;display: flex;}
.ongoing_title{color: var(--primary-color);font-size: 18px;font-weight: 700;margin-bottom: 8px;}
.ongoing_list_detail{margin-bottom: 20px;}
.ongoing_desc{color: #6D6D6D;font-size: 14px;font-weight: 400;line-height: 23px;}
.feed_back_wrap{display: flex;background: var(--white-color);padding: 20px;border-radius: 8px;}
.rating_wrap{display: flex;background: #EBEBEB;color: var(--black-color);padding: 5px 8px;border-radius: 8px;border: 1px solid #E0E0E0;font-weight: 700;align-items: center;margin-bottom: 30px;}
.rate{display: flex;flex-direction: row-reverse;margin-left: 8px;}
.rate label{padding: 0;margin: 0;line-height: 27px;}
.rate input{display: none;}
.rate:not(:checked) > label {overflow:hidden;white-space:nowrap;cursor:pointer;font-size:30px;color:#ccc;}
.rate:not(:checked) > label:before {content: '★ ';}
.rate > input:checked ~ label {color: var(--primary-color);}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {color: var(--primary-color);}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {color: var(--primary-color);}
.input_width{width: 100%;}
.posted_date{font-size: 14px;font-weight: 400;color: #6D6D6D;}
.lead_price{color: var(--primary-color);font-size: 14px;font-weight: 700;}
.back_btn{display: inline-flex;align-items: center;padding: 8px 20px;color: #6D6D6D;font-size: 16px;font-weight: 700;background: var(--white-color);border-radius: 5px;}
.back_btn img{margin-right: 5px;}
.btn-warning{background: #F6AE2D;border: 1px solid #F77F00;color: var(--white-color);border-radius: 10px;}
.btn-warning:hover , .btn-warning:focus , .btn-warning:active ,.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:visited{background: #fdbe48;border: 1px solid #F77F00;color: var(--white-color);}
.btn-info{border-radius: 10px;}
.message_split_title{color: var(--primary-color);font-weight: 700;font-size: 16px;padding: 15px 0 0;margin: 20px 0;border-top: 1px solid #E9ECEF;}
.border_split{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #E9ECEF;}
.work_photos_add{display: flex;flex-direction: column;justify-content: center;align-items: center;background: #F4F5F7;border: 1px solid #E9EBFF;height: 150px;color: #868585;border-radius: 8px;}
.work_photos_add img{width: 24px;height: 19px;border-radius: 0;margin-bottom: 5px;}
.invoice_head{color: var(--primary-color);font-size: 24px;font-weight: 700;padding:10px 20px;border-bottom: 1px solid #EDF2FB;background: var(--white-color);border-radius: 8px 8px 0 0;display: flex;}
.invoice_btm_part{padding:15px 20px;background: var(--white-color);border-radius: 0 0 8px 8px;display: flex;flex-direction: column;}
.invoice_id{font-size: 18px;color: var(--black-color);font-weight: 700;margin-bottom: 3px;}
.invoce_date{font-size: 14px;font-weight: 400;color: var(--black-color);margin-bottom: 15px;}
.invoce_date span{color: var(--primary-color);margin-left: 3px;}
.table_customized{width: 100%;border-collapse: collapse;border: 1px solid #E9EBFF;}
.table_customized th{background: #EEF0F2;padding: 10px;font-weight: 700;font-size: 14px;}
.table_customized td{padding: 10px;font-weight: 400;font-size: 14px;}
.table_customized tr:last-child td{border-bottom: 1px solid #EDF2FB;padding-bottom: 15px;}
.plans_top_wrap{display: flex;flex-direction: column;text-align: center;}
.plans_sec{display: flex;padding: 100px 0;}
.plan_title_top{color: var(--primary-color);font-weight: 700;font-size: 36px;margin-bottom: 20px;}
.membership_name{color: #130F26;font-weight: 700;font-size: 24px;margin-bottom: 15px;}
.plan_next_due{color: #130F26;font-size: 18px;font-weight: 400;}
.due_date{color: #E26713;font-size: 18px;font-weight: 400;margin-top: 5px;}
.plan_tab_white_wrap{display: flex;background: var(--white-color);border-radius: 8px;flex-direction: column;margin-top: 50px;}
.plan_wrap{display: flex;background: var(--white-color);padding: 30px 20px;background: var(--white-color);border: 1.5px solid #EBECED;border-radius: 16px;transition: 0.2s all;flex-direction: column;max-width: 230px;flex-basis: 230px;}
.plan_wrap:hover{box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.1);}
.plans_nav_tab{display: flex;padding: 0;margin: 0;list-style-type: none;border-bottom:1px solid #C4C4C4;}
.plans_nav_tab li {flex-basis: 50%;}
.plans_nav_tab li a{display: flex;justify-content: center;align-items: center;padding: 15px;color: var(--primary-color);font-size: 24px;font-weight: 700;position: relative;}
.plans_nav_tab li a::before{position: absolute;bottom: -2px;left: 50%;right: 50%;background: #33f078;content: '';height: 3px;border-radius: 5px;transition: 0.5s all;z-index: 9;}
.plans_nav_tab li a.active::before , .plans_nav_tab li a:hover::before{right: 0;left: 0;}
.plans_btm_tab{flex-basis: 100%;padding:30px 20px;display: none;}
.plans_btm_tab.active{display: block;}
.plan_title{color: var(--primary-color);font-size: 18px;font-weight: 700;text-align: center;margin-bottom: 5px;}
.lead_counts{color: #92969D;font-weight: 400;text-align: center;margin-bottom: 20px;font-size: 14px;padding-bottom: 20px;border-bottom: 1px solid #EBECED;}
.subscription_price{color: #A5ADBB;font-size: 16px;font-weight: 400;text-align: center;}
.subscription_price span{color: #081F32;font-weight: 700;font-size: 30px;margin-right: 5px;}
.weekly_payments_content{font-size: 16px;color: var(--black-color);font-weight: 400;text-align: center;line-height: 28px;margin-bottom: 30px;}
.subtotal_part{display: flex;padding:10px;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.total_wrap{display: flex;padding:10px;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.btm_label_calc{flex-basis:calc(100% - 100px);text-align: right;color: var(--black-color);font-weight: 700;padding-right: 20px;}
.btm_calc_value{flex-basis:100px;text-align: right;color: var(--black-color);font-weight: 700;}
.total_wrap{display: flex;padding: 10px;border: 1px solid #eee;}
.total_value{color: var(--primary-color);font-size: 16px;}
.rating_wrap_trader{display: flex;justify-content: space-between;margin-top: 15px;}
.rating_bg_wrap{background: linear-gradient(179.26deg, #0466C8 -149.8%, #023E7D 294.46%);border-radius: 8px;padding: 10px;color: var(--white-color);font-weight: 700;font-size: 14px;align-items: center;display: flex;justify-content: center;}
.bg-success{background: linear-gradient(136.99deg, #45BC41 -31.98%, #32A093 156.2%);}
.bg-primary{background: linear-gradient(177.23deg, #0088D5 -109.31%, #5390D9 119.62%);}
.bg-viloet{background: linear-gradient(164.13deg, #A343EE -105.71%, var(--primary-color) 118.01%);}
.reviw_lead_count_wrap{display: flex;margin-top: 20px;padding-top: 20px;border-top:1px solid #E9ECEF;}
.count_wrap{flex-basis: 50%;display: flex;flex-direction: column;}
.change_plan_wrap{flex-basis: 50%;display: flex;align-items: center;justify-content: flex-end;}
.light_viloet_bg{background: rgba(237, 242, 251, 0.6);border-radius: 8px;font-weight: 400;font-size: 16px;padding: 15px;margin-top: 20px;}
.gray_wrap{background: #F6F6F6;border-radius: 8px;display: flex;flex-direction: column;margin-bottom: 30px;}
.check_list{display: flex;}
.process_names{flex-basis:35%;padding: 10px 20px;font-weight: 400;color: #263238;font-size: 16px;}
.process_status{flex-basis:30%;text-align: center;padding: 10px 20px;background: var(--white-color);font-weight: 400;font-size: 16px;}
.tick_status{flex-basis:35%;padding: 10px 20px;font-weight: 400;font-size: 16px;text-align: center;}
.text-success{color: #45BC41;}
.text-danger{color: #DB2E2E;}
.text-viloet{color: var(--primary-color) !important;}
.table_customization{margin-top: 10px;}
.table_customization tr th{background: #EEF0F2;border: none;}
.table_customization tr td{color: #6D6D6D;}
.form_contol_search{display: flex;background: var(--white-color) ;border: 1px solid #D1D1D1;border-radius: 8px;height: 40px;padding: 5px 15px;color: #282C52;margin: 0 0 15px;width: 100%;}
.form_contol_search:focus{background: var(--white-color) ;border: 1px solid var(--primary-color) ;}
.reset_btn_pad{padding: 8px 15px;}
.select_cust_pad{padding: 7px 35px 7px 15px;}
.border_wrap{border-top: 1px solid #E9ECEF;padding-top: 15px;margin-top: 20px;}
.border_btm_cust{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #D1D1D1;}



/* Manoj */

.jm_white_box {background-color: var(--white-color);box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);border-radius: 8px;margin-bottom: 35px;padding: 0 30px;}
.jm_prof_name {font-size: 14px;color: #282C52;padding-top: 25px;padding-bottom: 10px;}
.jm_prof_img {position: relative;padding-bottom: 35px;}
.jm_prof_icon {position: absolute;bottom: 25px;right: 65px;}
.jm_prof_title {font-size: 18px;font-weight: 700;color: #6D6D6D;}
.jm_prof_desc_title {font-size: 14px;color: #282C52;padding-bottom: 5px;}
.jm_prof_desc {padding-bottom: 20px;}
.jm_text{border: 1px solid #E9EBFF;border-radius: 12px;font-size: 14px;}
.jm_prof_docu_id {font-size: 14px;color: #282C52;padding-bottom: 5px;}
.jm_prof_docu_upload {padding-bottom: 5px;}
.custom-file-label {font-size: 14px;color: #A6A6A6;border-radius: 6px;border: 1px solid #E9EBFF;}
.custom-file-input:lang(en) ~ .custom-file-label::after {content: url(../images/mk_uplpoad-icon.png);}
.custom-file-label::after {background-color: var(--white-color);border: none;}
.jm_prof_file_type {font-size: 12px;color: var(--primary-color);display: flex;justify-content: end;margin-bottom: 40px;}
.jm_skill_title {font-size: 18px;color: var(--primary-color);font-weight: 700;margin: 25px 0;}
.jm_checkbox {position: relative;cursor: pointer;padding-left: 25px;}
.jm_checkbox::before{position: absolute;width: 20px;height: 20px;content: "";border: 2px solid var(--primary-color);left: 0;top: 3px;border-radius: 4px;}
.jm_checkbox::after {position: absolute;content: "\f00c";display: none;top: 2px;left: 3px;font-family: 'FontAwesome';font-weight: 100;font-size: 14px;}
.jm_ref_check:checked + .jm_checkbox::before{background: var(--primary-color);}
.jm_ref_check:checked + .jm_checkbox::after{display: block;color: var(--white-color);}
.jm_li_checkbox {position: relative;cursor: pointer;padding-left: 25px;}
.jm_li_checkbox::before {position: absolute;width: 17px;height: 17px;content: "";border: 2px solid var(--primary-color);left: 0;top: 2px;border-radius: 4px;}
.jm_li_checkbox::after {position: absolute;content: "\f00c";display: none;top: 2px;left: 3px;font-family: 'FontAwesome';font-weight: 100;font-size: 12px;}
.jm_ref_check:checked + .jm_li_checkbox::before{background: var(--primary-color);}
.jm_ref_check:checked + .jm_li_checkbox::after{display: block;color: var(--white-color);}
.jm_skill_select{font-size: 16px;color: var(--primary-color);font-weight: 700;padding-bottom: 20px;}
.jm_skill_select img {margin-right: 8px;}
.jm_ul_title {font-size: 15px;font-weight: 700;color: var(--black-color);padding-bottom: 15px;}
.jm_ul_content{padding-left: 0;}
.jm_ul_content li {font-size: 14px;color: #6D6D6D;margin-bottom: 8px;}
.jm_work_title{font-size: 18px;color: var(--primary-color);font-weight: 700;padding-bottom: 15px;padding-top: 25px;}
.jm_work_content{font-size: 14px;color: #6D6D6D;margin-bottom: 30px;}
.jm_dark_content {font-size: 14px;font-weight: 700;color: var(--black-color);}
.jm_work_area_title{font-size: 14px;color: #282C52;margin-bottom: 5px;}
.jm_work_area{margin-bottom: 40px;}
.jm_work_map_title {font-size: 18px;font-weight: 700;color: var(--primary-color);text-decoration-line: underline;padding-bottom: 30px;}
.jm_work_map{margin-bottom: 50px;}
.jm_save_btn{padding: 15px 30px;border: none;background: var(--primary-color);border-radius: 5px;color: var(--white-color);font-size: 16px;font-weight: 700;margin-bottom: 50px;}

.jm_form_field {margin-top: 25px;}
.jm_label {font-size: 16px;color: #282C52;}
.jm_txt_stl {padding: 12px;color: #282C52;font-size: 14px;border-radius: 12px;border: 1px solid #E9EBFF;}
.jm_acc_check {font-size: 12px;color: #6D6D6D;}
.jm_con_box {padding-left: 15px;}
.jm_acc_btn {margin-top: 25px;}
.jm_acc_save {border: 1px solid var(--primary-color);padding: 12px 25px;background-color: var(--primary-color);color: var(--white-color);font-size: 16px;font-weight: 700;border-radius: 6px;margin-right: 15px;margin-bottom: 15px;}
.jm_acc_cancel {border: 1px solid var(--primary-color);padding: 12px 50px;background-color: var(--white-color);font-size: 16px;font-weight: 700;border-radius: 6px;color: var(--primary-color);}

.jm_info_title{padding-top: 25px;font-size: 18px;color: var(--primary-color);font-weight: 700;padding-bottom: 15px;}
.jm_info_detail {border-bottom: 1px solid #EBEBEB;}
.jm_pwd_icon {border-right: none !important;border: 1px solid #E9EBFF;}
.jm_info_label {font-size: 14px;color: #282C52;}
.jm_inp_grp {background-color: var(--white-color);border: 1px solid #E9EBFF;border-radius: 0 12px 12px 0 !important;}
.jm_pwd_visib{display: inline-block;}
.jm_sub_btn {border: 1px solid #2DC653;padding: 10px 30px;background: #2DC653;border-radius: 8px;color: var(--white-color);font-size: 16px;font-weight: 700;}
.jm_pre_txt {border-left: none !important;border: 1px solid #E9EBFF;}
.jm_grp_txt {background-color: var(--white-color);border: 1px solid #E9EBFF;border-radius: 12px;}
.jm_grp_txt i {margin-left: 7px;}
.jm_verify {display: flex;align-items: flex-end;}
.jm_vry_btn {border: 1px solid #2DC653;padding: 10px 40px;background: #2DC653;border-radius: 12px;color: var(--white-color);font-size: 16px;font-weight: 700;}
.form-control:focus {border-color: #E9EBFF;box-shadow: none;}

.testimoni_banner{display: flex;background:url('../images/mk_banner_testimonial.png') no-repeat top center;height: 600px;padding: 100px 0 100px;align-items: center;flex-wrap: wrap;}
.jm_testi_searchbox {display: flex;margin-top: -90px;}
.jm_testi_input {border: 1px solid #D1D1D1;border-radius: 4px;}
.jm_testi_add_btn {padding: 13px 23px;border: 1px solid #3F37C9;background: #FFFFFF;border-radius: 4px;color: #2119AB;font-size: 14px;font-weight: 700;}
.jm_testi_add_btn img {margin-right: 8px;}
.jm_recent_testi{background: #F4F5F7;padding-top: 60px;padding-bottom: 100px;}
.jm_recen_title {font-size: 24px;color: #2119AB;font-weight: 700;margin-bottom: 30px;}
.jm_search_btn{padding: 13px 23px 14px;background: var(--primary-color);border-radius: 4px !important;color: var(--white-color) !important;font-weight: 700;font-size: 14px;}
.jm_testi_whitebox {display: flex;background: var(--white-color);padding: 20px;margin-bottom: 20px;border-radius: 8px;border: 1px solid #E0E0E0;}
.jm_recent_testi_text {font-size: 14px;color: #6D6D6D;text-align: justify;margin: 0;}
.jm_testi_usr_name {font-size: 18px;color: #000000;font-weight: 700;margin-bottom: 12px;padding-top: 5px;}
.jm_testi_usr_img {width: 100px;height: 100px;object-fit: cover;border-radius: 6px;}
.jm_testi_usr_info {padding-left: 15px;}
.jm_testi_add_btn:hover{color: #2119AB;background-color: #eef0f2;transition: 0.9s;}




/* Completed page */
.jm_house_work {font-size: 18px;color: #6D6D6D;font-weight: 700;padding-bottom: 15px;}
.jm_completed_btn {background: var(--primary-color);border: 1px solid var(--primary-color);padding: 10px 20px;color: var(--white-color);border-radius: 10px;font-size: 16px;font-weight: 700;margin-right: 10px;}
.jm_ratings_btn {border: 1px solid #E9ECEF;background: var(--white-color);border-radius: 8px;color: #A6AFB9;font-size: 16px;font-weight: 700;padding: 10px 20px;}
.jm_rating_part {background: rgba(237, 242, 251, 0.6);border-radius: 8px;margin-top: 35px;margin-bottom: 20px;padding: 15px;}
.jm_rater_name {font-size: 16px;color: var(--black-color);font-weight: 700;}
.jm_rating {margin-left: 10px;}
.jm_rat_con {font-size: 13px;color: #6D6D6D;display: flex;justify-content: space-between;}
.jm_rat_date {font-size: 13px;color: #6D6D6D;}
.jm_review_link {color: var(--primary-color);font-size: 14px;text-decoration-line: underline;}
/* Completed page end */



/* Media Query */

@media (max-width:360px){
    .jm_prof_icon{bottom: 28px;right: 103px;}
    .custom-file-label {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .jm_testi_add_btn {width: 100%;margin-top: 15px;}
    .testimoni_banner {height: 425px;}
    .jm_testi_searchbox {margin-top: -50px;}
}

@media  (min-width:361px) and (max-width:767px){
    .jm_prof_icon {bottom: 28px;left: 131px;}
    .testimoni_banner {height: 400px;}
}

@media  (min-width:768px) and (max-width:991px){
    .jm_cus_dash_right {flex-basis: 100% !important;}
    .jm_prof_icon {bottom: 28px;right: 23px;}
    .testimoni_banner {height: 450px;}
}

@media  (min-width:992px) and (max-width:1199px){
    .jm_prof_icon{bottom: 28px;right: 16px;}
    .testimoni_banner {height: 450px;}
}

.jm_cus_sm_menu{display: none;}
.jm_cus_dash{display: flex;padding: 35px 0 80px;}
.jm_cus_filter_wrap{display: flex;justify-content: flex-end;margin-bottom: 20px;}
.jm_cus_filter_cat{display: flex;flex-direction: column;position: relative;margin-left: 10px;}
.jm_cus_filter_cat label{font-size: 14px;font-weight: 700;color: #0E0E0E;margin-bottom: 10px;}
.jm_cus_filter_cat select{background: var(--white-color);border: 1px solid #CDD4DB;border-radius: 12px;color: #595959;font-size: 13px;font-weight: 400;padding: 12px 38px 11px 11px;width: 180px;}
.jm_cus_filter_cat::before{position: absolute;top: calc(50% + 14px);right: 20px;width: 12px;height: 7px;content: '';background: url('../images/select_arrow.svg') no-repeat;}
.jm_cus_dash_main{display: flex;}
.jm_cus_dash_left{flex-basis: 240px;background: var(--primary-color);padding: 50px 0 50px 30px;border-radius: 8px;}
.jm_cus_dash_left ul{display: flex;margin: 0;padding: 0;flex-direction: column;}
.jm_cus_dash_left ul li{padding: 5px 0;}
.jm_cus_dash_left ul li a{display: flex;padding: 12px;color: var(--white-color);font-size: 18px;font-weight: 700;align-items: center;}
.jm_cus_dash_left ul li a img{margin-right: 10px;}
.jm_cus_dash_right{flex-basis: calc(100% - 260px);margin-left: 20px;display: none;}
.jm_cus_dash_right.active{display: block;}
.jm_cus_dash_left ul li a:hover, .jm_cus_dash_left ul li a.active, .jm_cus_dash_left ul li a:active{background: rgba(232, 231, 255, 0.2);border-radius: 8px 0px 0px 8px;color: var(--white-color);}
.jm_cus_white_box{background: var(--white-color);box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);border-radius: 8px;padding: 25px 20px;margin-bottom: 30px;display: flex;flex-direction: column;}
.jm_cus_myproj_workid{color: #0E0E0E;font-size: 14px;font-weight: 700;margin-bottom: 10px;display: flex;}
.jm_cus_myproj_work{color: var(--primary-color);font-size: 18px;font-weight: 700;margin-bottom: 8px;display: flex;}
.jm_cus_locat_list{display: flex;margin: 0;padding: 0;flex-direction: row;margin-bottom: 15px;}
.jm_cus_locat_list li{padding-right: 30px;position: relative;flex-basis: 39%;}
.con_truncate{text-overflow: ellipsis;overflow: hidden;white-space: pre;}
.jm_cus_locat_list li:nth-child(2){flex-basis: 22%;}
.jm_cus_locat_list li:last-child{padding-right: 0;}
.jm_cus_locat_listbold{color: var(--black-color);font-size: 14px;font-weight: 700;}
.jm_cus_locat_listmini{color: #595959;font-size: 14px;font-weight: 400;}
.jm_cus_locat_list li::after{position: absolute;content: "";background: var(--primary-color);width: 5px;height: 5px;top: 10px;left: -15px;border-radius: 50%;z-index: 99;}
.jm_cus_locat_list li:first-child::after{display: none;}
.jm_cus_border{border-bottom: 1px solid #E9ECEF;margin-bottom: 15px;}
.jm_cus_active_wrap{display: flex;border: 1px solid #E9ECEF;border-radius: 8px;background: #F8F9FA;padding: 10px;margin-top: 20px;justify-content: space-between;}
.jm_cus_active_btn{display: inline-flex;background: #15CF74;border: 1px solid #2DA771;border-radius: 10px;color: var(--white-color);font-size: 18px;font-weight: 700;padding: 6px 18px;margin-right: 10px;cursor: default;}
.jm_cus_active_btn:hover, .jm_cus_shortlist_btn:hover, .jm_cus_interest_btn:hover, .jm_cus_ongoing_btn:hover, .jm_cus_completed_btn:hover, .jm_cus_pending_btn:hover{color: var(--white-color);opacity: 0.8;}
.jm_cus_detail_btn{display: inline-flex;background: var(--white-color);border: 1px solid #E9ECEF;border-radius: 10px;color: var(--light-color);font-size: 16px;font-weight: 700;padding: 6px 18px;}
.jm_cus_detail_btn:hover{color: var(--light-color);opacity: 0.9;}
.jm_cus_active_left{display: flex;justify-content: flex-start;}
.jm_cus_active_right{display: flex;justify-content: flex-end;}
.jm_cus_edit_btn{display: inline-flex;background: var(--white-color);border: 1px solid #E9ECEF;border-radius: 8px;color: #45BC41;font-size: 14px;font-weight: 400;padding: 6px 18px;align-items: center;margin-right: 10px;}
.jm_cus_edit_btn:hover{color: #45BC41;opacity: 0.9;}
.jm_cus_del_btn{display: inline-flex;background: var(--white-color);border: 1px solid #E9ECEF;border-radius: 8px;color: #D65252;font-size: 14px;font-weight: 400;padding: 6px 18px;align-items: center;}
.jm_cus_del_btn:hover{color: #D65252;opacity: 0.9;}
.jm_cus_del_btn img{height: 14px;margin-right: 5px;}
.jm_cus_edit_btn img{height: 14px;margin-right: 5px;}
.xs_menu_top{display: none;}
.jm_cus_interest_btn{display: inline-flex;background: #4361EE;border: 1px solid #3A0CA3;border-radius: 10px;color: var(--white-color);font-size: 16px;font-weight: 700;padding: 6px 18px;margin-right: 10px;cursor: default;}
.jm_cus_shortlist_btn{display: inline-flex;background: #F6AE2D;border: 1px solid #F6AE2D;border-radius: 10px;color: var(--white-color);font-size: 16px;font-weight: 700;padding: 6px 18px;margin-right: 10px;cursor: default;}
.jm_cus_ongoing_btn{display: inline-flex;background: #9794FF;border: 1px solid #5E66F2;border-radius: 10px;color: var(--white-color);font-size: 16px;font-weight: 700;padding: 6px 18px;margin-right: 10px;cursor: default;}
.jm_cus_completed_btn{display: inline-flex;background: #6D6D6D;border: 1px solid #6D6D6D;border-radius: 10px;color: var(--white-color);font-size: 16px;font-weight: 700;padding: 6px 18px;margin-right: 10px;cursor: default;}
.jm_cus_prof_wrap{display: flex;margin-top: 10px;}
.jm_cus_prof_image{width: 60px;height: 60px;margin-right: 20px;border-radius: 10px;}
.jm_cus_prof_con_wrap{display: inline-flex;flex-direction: column;}
.jm_cus_prof_con1{color: var(--primary-color);font-size: 13px;font-weight: 700;}
.jm_cus_prof_con2{color: #6D6D6D;font-size: 12px;font-weight: 400;}
.jm_cus_prof_star img{width: 91px;height: 15px;}
.jm_cus_days_taken{display: flex;justify-content: flex-end;font-size: 12px;font-weight: 700;color: #7A7A7A;align-items: center;}
.jm_cus_days_taken span{color: #303030;font-weight: 400;}
.jm_cus_active_right{display: flex;justify-content: flex-end;}
.jm_cus_approve_btn{display: inline-flex;background: var(--white-color);border: 1px solid #32A071;border-radius: 10px;color: #32A071;font-size: 12px;font-weight: 700;padding: 6px 18px;margin-right: 10px;}
.jm_cus_reject_btn{display: inline-flex;background: var(--white-color);border: 1px solid #D65252;border-radius: 10px;color: #D65252;font-size: 12px;font-weight: 700;padding: 6px 18px;}
.jm_cus_approve_btn:hover{color: #32A071;opacity: 0.9;}
.jm_cus_reject_btn:hover{color: #D65252;opacity: 0.9;}
.jm_cus_pending_btn{display: inline-flex;background: #FF9C00;border: 1px solid #FF9C00;border-radius: 10px;color: var(--white-color);font-size: 16px;font-weight: 700;padding: 6px 18px;margin-right: 10px;}
.jm_cus_acount_tab{display: flex;margin-bottom: 20px;border-bottom: 1px solid #C4C4C4;}
.jm_cus_acount_tab ul{padding: 0;margin: 0;}
.jm_cus_acount_tab ul li{margin-right: 10px;}
.jm_cus_acount_tab ul li a{display: inline-flex; padding: 10px;color: var(--primary-color);font-size: 16px;font-weight: 700;}
.jm_cus_acount_tab ul li a:hover, .jm_cus_acount_tab ul li a.active{color: var(--primary-color);border-bottom: 2px solid var(--primary-color);}

.jm_form_field {margin-top: 25px;}
.jm_label {font-size: 16px;color: #282C52;}
.jm_text{border: 1px solid #E9EBFF;border-radius: 12px;font-size: 14px;}
.jm_txt_stl {padding: 12px;color: #282C52;font-size: 14px;border-radius: 12px;}
.jm_acc_check {font-size: 12px;color: #6D6D6D;}
.jm_con_box {padding-left: 15px;}
.jm_acc_btn {margin-top: 25px;}
.jm_acc_save {border: 1px solid var(--primary-color);padding: 12px 25px;background-color: var(--primary-color);color: var(--white-color);font-size: 16px;font-weight: 700;border-radius: 6px;margin-right: 15px;margin-bottom: 15px;}
.jm_acc_cancel {border: 1px solid var(--primary-color);padding: 12px 50px;background-color: var(--white-color);font-size: 16px;font-weight: 700;border-radius: 6px;color: var(--primary-color);}

.jm_info_title{padding-top: 25px;font-size: 18px;color: var(--primary-color);font-weight: 700;padding-bottom: 15px;}
.jm_info_detail {border-bottom: 1px solid #EBEBEB;}
.jm_pwd_icon {border-right: none !important;border: 1px solid #E9EBFF;}
.jm_info_label {font-size: 14px;color: #282C52;}
.jm_inp_grp {background-color: var(--white-color);border: 1px solid #E9EBFF;border-radius: 12px;}
.jm_sub_btn {border: 1px solid #2DC653;padding: 10px 30px;background: #2DC653;border-radius: 8px;color: var(--white-color);font-size: 16px;font-weight: 700;}
.jm_pre_txt {border-left: none !important;border: 1px solid #E9EBFF;}
.jm_grp_txt {background-color: var(--white-color);border: 1px solid #E9EBFF;border-radius: 12px;}
.jm_grp_txt i {margin-left: 7px;}
.jm_verify {display: flex;align-items: flex-end;}
.jm_vry_btn {border: 1px solid #2DC653;padding: 10px 40px;background: #2DC653;border-radius: 12px;color: var(--white-color);font-size: 16px;font-weight: 700;}
.jm_pwd_visib{display: inline-block;}
.jm_photo_upload{display: flex;flex-direction: column;border: 1px solid #E9EBFF;background: #F4F5F7;border-radius: 12px;padding: 40px 0;}
.jm_photo_upload img {width: 60px;height: 60px;}
.jm_upl_img {display:flex;justify-content: center;}
.jm_photo_upload p{display: flex;justify-content: center;font-size: 14px;color: #868585;}
.form-control:focus {border-color: #E9EBFF;box-shadow: none;}

.form-control:focus {color: #6D6D6D;}
.profile_img_new{width: 160px; height: 160px; border-radius: 6px;object-fit: cover;}


@media(max-width:767px){
    .jm_cus_sm_menu{display: inline-flex;background: var(--primary-color);color: var(--white-color);border: 1px solid var(--primary-color);font-size: 16px;font-weight: 500;padding: 6px 18px;margin: 0 0 20px;border-radius:8px;}
    .xs_menu_top{display: flex;padding: 10px 20px 10px 40px;border-bottom: 1px solid var(--white-color);justify-content: space-between;margin-bottom: 15px;}
    .close_icons_xs{display: inline-flex;color: var(--white-color);font-size: 14px;font-weight: 700;margin-top: 3px;}
    .xs_open{right:20% !important;}
    .xs_menu_content{font-size: 18px;font-weight: 400;color: var(--white-color);}
    .jm_cus_dash_left{position: fixed;top: 68px;right: 100%;left: -30px;background: var(--primary-color);bottom: 0;z-index: 9999;overflow: auto;transition: 0.5s all;padding: 10px 0 50px 30px;}
    .jm_cus_dash_left ul{padding-left: 30px;}
    .jm_cus_dash_right{margin: 0;}
    .jm_cus_dash_main{flex-direction:column;}
    .jm_cus_active_wrap{flex-direction: column;}
    .jm_cus_active_right{justify-content: flex-start;margin-top: 15px;}
    .jm_prof_icon {bottom: 28px;left: 131px;}
    .jm_cus_white_box {padding: 25px 10px;}
    .jm_acc_save , .jm_acc_cancel{padding: 8px 15px;}
}

@media(min-width:768px) and (max-width:991px){
    .xs_menu_top{display: flex;padding: 10px 20px 10px 40px;border-bottom: 1px solid var(--white-color);justify-content: space-between;}
    .close_icons_xs{display: inline-flex;color: var(--white-color);font-size: 14px;font-weight: 700;margin-top: 3px;}
    .xs_open{right:20% !important;}
    .xs_menu_content{font-size: 18px;font-weight: 400;color: var(--white-color);}
    .jm_cus_dash_left{position: fixed;top: 68px;right: 100%;left: -30px;background: var(--primary-color);bottom: 0;z-index: 9999;overflow: auto;transition: 0.5s all;padding: 10px 0 50px 30px;}
    .jm_cus_dash_left ul{padding-left: 30px;}
    .jm_cus_dash_right{margin: 0;}
    .jm_cus_dash_right{flex-basis: 100%;}
    .jm_cus_sm_menu{display: inline-flex;background: var(--primary-color);color: var(--white-color);border: 1px solid var(--primary-color);font-size: 16px;font-weight: 500;padding: 6px 18px;margin: 0 0 20px;border-radius:8px;}
    .jm_cus_dash_right {flex-basis: 100% !important;}
    .jm_prof_icon {bottom: 28px;right: 23px;}
}

/* apply CSS to the select tag of */
     select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Safari, Chrome, Opera */
    -webkit-appearance: none;
    }
/* for IE10 */
 select::-ms-expand {
    display: none;
}

.mini_desc_gray{display: flex;color: #282C52;font-size: 16px;font-weight: 700;justify-content: center;margin-bottom: 10px;}
.code_send_to{color: #656461;font-size: 14px;justify-content: center;display: flex;text-align: center;}
.otp_enter_wrap{display: flex;justify-content: center;margin: 30px 0;}
.input_typer_wrap{flex-basis:200px;align-items: center;justify-content: space-between;display: flex;}
.otp_input{width: 40px;height: 40px;background: #FFFFFF;border: 1px solid #D1D1D1;border-radius: 6px;text-align: center;font-size: 16px;color: #656461;box-shadow: none;font-weight: 700;}
.clr_link{color: #3F37C9;margin-left: 5px;}
.modal_close{font-size: 40px;color: #656461;font-weight:300;line-height: 1px;}
.loading-image-img{position: fixed;left:calc(50% - 50px);top:calc(50% - 50px);z-index: 9999;}

.notication_bell{border: none !important; padding: 0 !important;position: relative;}
.notication_bell:hover{background-color: transparent !important;}
.l-h-40{line-height: 40px;}
.xs_changes{padding-left: 15px !important;}
.notification_bell_count{height: 15px;width: 15px;border-radius: 50%;color: #3F37C9;background: #fff;font-size: 12px;font-weight:400;text-align: center;line-height: 15px;position: absolute;top: 5px;right: -8px;}


@media(max-width:767px){
    .xs_nav_aliment{position: fixed;top: 0;right: 0;bottom: 0;overflow: auto;background: var(--primary-color);left: 100%;z-index: 999;display: block;transition: 0.3s all;}
    .responsive_nav{display: flex;padding: 15px;background: var(--primary-color);flex-basis: 100%;border-bottom: 1px solid var(--white-color);margin-bottom: 10px;}
    .menu_xs_nav{font-size: 20px;font-weight: 600;color: var(--white-color);flex-basis: 50%;}
    .header_left_list{display: flex;padding: 0;flex-direction: column;}
    .header_left_list li{padding: 0px;}
    .header_left_list li a{padding: 10px 15px;border-radius: 0;transition: 0.5s all;width: 100%;}
    .bnt_list_right_header{display: flex;padding: 0;flex-direction: column;}
    .bnt_list_right_header li{padding: 0px;}
    .bnt_list_right_header li a{padding: 10px 15px;width: 100%;border: none;border-radius: 0;transition: 0.5s all;}
    .bnt_list_right_header li a:hover , .header_left_list li a:hover{background: var(--white-color);color: var(--primary-color);}
    .close_nav{flex-basis: 50%;text-align: right;}
    .close_click{font-size: 20px;font-weight: 600;color: var(--white-color);}
    .res_nav_open{left: 20%;}
    .res_nav_toggle{display: inline-block;}
    .xs_nav_wrap{display: flex;justify-content: space-between;flex-basis: 100%;align-items: center;}
    .banner_title , .white_title_center , .footer_bold_title{font-size: 36px;}
    .home_banner{height: auto;padding: 100px 0;}
    .home_catogries{margin: -80px 0 0;}
    .md-hidden{display: none;}
    .select_wrap::after , .input_wrap::before , .trade_person_sec::before ,  .mobile_app_sec::before , .step_by_step::before{display: none;}
    .xs-p-0{padding: 0;}
    .whaite_box_search{padding:20px 30px;}
    .catogries_select{width: 100%;border: 1px solid #D1D1D1;border-bottom: none;}
    .btn_addon{flex-direction: column;}
    .search_btn{margin: 0;border-radius: 0;text-align: center;}
    .worker_catorie_sec , .trade_person_sec , .steps_sec , .mobile_app_sec , .blue_sec , .latest_completed_project , footer{padding: 50px 0;}
    br{display: none;}
    .steps_wrap{flex-direction: column;}
    .step_by_step{flex-basis: 100%;}
    .step_desc{margin-bottom: 30px;}
    .xs_left_align{justify-content: flex-start !important;margin-top: 20px;}
    .folowers_list{margin-bottom: 20px;}
    .post_your_job_left{display: none;}
    .log_sec_right{padding:30px 20px;flex-basis: 100%;border-radius: 8px;}
    .prevs_btn , .submit_btn{padding: 10px 30px;}
    .log_title{font-size: 18px;}
    .post_your_job_sec , .trader_sign_up{padding: 50px 0;}
    .process_sec{padding: 50px 0 10px;}
    .trader_signup_left{display: none;}
    .xs-p-15{padding: 0 15px !important;}
    .trader_signup_right{border-radius: 8px;padding:20px 15px;}
    .login_sec{padding: 50px 0;}
    .log_sec_left{display: none;}
    .white_new_filter_wrap{flex-direction: column;}
    .input_wrap{border-bottom: 1px solid #eee;}
    .pangination_list li a{padding: 5px 15px;}
    .pangination_list li:first-child a , .pangination_list li:last-child a{display: none;}
    .width_100{width: 100% !important;}  
    .xs-d-none{display: none;}
    .xs-border-bottom{border-bottom: 1px solid #eee !important;}
    .short_wrap{justify-content: flex-start;}
    .find_trader_list{padding: 10px;}
    .trader_tight_filters{flex-direction: column;margin-bottom: 5px;}
    .trader_info_part{padding: 0;margin-top: 20px;}
    .xs-text-left{text-align: left !important;}
    .blue_review_title{margin-bottom: 10px;}
    .user_review_wrap{flex-direction: column;}
    .user_info_wrap{padding: 15px 0 0 0;}
    .trader_view_tab{flex-direction: column;border:none;}
    .trader_view_tab li a{width: 100%;border: 1px solid #C4C4C4;justify-content: center;}
    .trader_view_tab li a{border-bottom: none;}
    .trader_view_tab li:last-child a{border-bottom: 1px solid #C4C4C4;}
    .galary_list{flex-direction: column;}
    .first_image_galary img{width: 100%;height: auto;}
    .xs-justify-start{justify-content: flex-start !important;}
    .xs-mb-15{margin-bottom: 15px;}
    .path_nav_list li{padding-right: 10px;}
    .trader_info_part_view{padding: 20px 0 0 0;}
    .catogries_wrap{flex-direction: column;}
    .dot_left{padding-left: 0;}
    .dot_left::before{display: none;}
    .view_details_priflie_list , .send_invite_priflie_list{padding:8px 10px;}
    .view_details_priflie_list{margin-left: 15px;}
    .chat_time{display: none;}
    .ongoing_list_detail{flex-direction: column;}
    .ongoing_list_detail li::before{display: none;}
    .ongoing_list_detail li{padding:5px 0 0;}
    .ongoing_list_detail li:first-child{padding: 0;}
    .ongoing_top_view{padding: 15px;}
    .plans_nav_tab{flex-direction: column;}
    .plans_nav_tab li{flex-basis:100%;}
    .plans_nav_tab li a{font-size:16px;border-bottom: 1px solid #eee;}
    .plan_wrap{margin-bottom: 20px;}
    .plans_sec{padding: 50px 0;}
    .min_image_list{text-align: center;}
    .min_image_list img{height:auto;}
    .xs-none{display: none;}
    .rating_wrap_trader{flex-wrap: wrap;}
    .rating_bg_wrap{flex-basis:100%;margin-bottom: 25px;}
    .reviw_lead_count_wrap{flex-direction: column;}
    .change_plan_wrap{justify-content: flex-start;}
    .process_names , .process_status{font-size: 14px;padding: 10px;}
    .jm_cus_white_box{padding: 15px;}
    .jm_cus_interest_btn , .jm_cus_detail_btn , .jm_cus_shortlist_btn{font-size: 14px !important;padding: 6px 13px !important;}
    .jm_cus_locat_list{flex-direction: column !important;}
    .jm_cus_locat_list li::after{display:none !important;}
    .xs-mb-15{margin-bottom: 15px;}
    .work_photos_add{height: 125px;}
}



@media(min-width:768px) and (max-width:991px){
    .xs_nav_aliment{position: fixed;top: 0;right: 0;bottom: 0;overflow: auto;background: var(--primary-color);left: 100%;z-index: 999;display: block;transition: 0.3s all;}
    .responsive_nav{display: flex;padding: 15px;background: var(--primary-color);flex-basis: 100%;border-bottom: 1px solid var(--white-color);margin-bottom: 10px;}
    .menu_xs_nav{font-size: 20px;font-weight: 600;color: var(--white-color);flex-basis: 50%;}
    .header_left_list{display: flex;padding: 0;flex-direction: column;}
    .header_left_list li{padding: 0px;}
    .header_left_list li a{padding: 10px 15px;border-radius: 0;transition: 0.5s all;width: 100%;}
    .bnt_list_right_header{display: flex;padding: 0;flex-direction: column;}
    .bnt_list_right_header li{padding: 0px;}
    .bnt_list_right_header li a{padding: 10px 15px;width: 100%;border: none;border-radius: 0;transition: 0.5s all;}
    .bnt_list_right_header li a:hover , .header_left_list li a:hover{background: var(--white-color);color: var(--primary-color);}
    .close_nav{flex-basis: 50%;text-align: right;}
    .close_click{font-size: 20px;font-weight: 600;color: var(--white-color);}
    .res_nav_open{left: 65%;}
    .res_nav_toggle{display: inline-block;}
    .xs_nav_wrap{display: flex;justify-content: space-between;flex-basis: 100%;align-items: center;}
    .md-hidden{display: none;}
    .input_wrap .catogries_select {padding: 10px 15px 10px 15px;}
    .btn_addon .catogries_select{width: 80px;}
    .search_btn{padding: 13px 16px 14px;}
    .md-p-0{padding: 0 !important;}
    .home_catogries{margin-top: -88px;}
    .trade_person_sec::before , .mobile_app_sec::before , .step_by_step::before{display: none;}
    .worker_catorie_sec , .trade_person_sec , .steps_sec , .mobile_app_sec , .blue_sec{padding: 70px 0;}
    .step_desc br{display: none;}
    .folowers_list li{padding-right: 25px;}
    footer{padding: 50px 0;}
    .log_sec_right{padding:50px 30px;}
    .prevs_btn , .submit_btn{padding: 10px 30px;}
    .log_title{font-size: 20px;}
    .post_your_job_sec{padding: 60px 0;}
    .left_sign_up_img{display: none;}
    .trader_signup_left{background-repeat: repeat;border-radius: 8px 8px 0 0;flex-basis:100%;}
    .trader_signup_right{border-radius: 0 0 8px 8px;}
    .trader_signup_left , .trader_signup_right{padding: 50px 30px 30px;}
    .width_100{width: 100% !important;}
    .plus_count{top: calc(50% - 24px);left: calc(50% - 24px);font-size: 16px;}
    .min_image_list img{height: auto;}
    .first_image_galary img{height: 183px;}
    .ongoing_list_detail{flex-direction: column;}
    .ongoing_list_detail li::before{display: none;}
    .ongoing_list_detail li{padding:5px 0 0;}
    .ongoing_list_detail li:first-child{padding: 0;}
    .md-none{display: none;}
    .rating_wrap_trader{flex-wrap: wrap;}
    .rating_bg_wrap{flex-basis:48%;margin-bottom: 25px;}
}

@media(min-width:992px) and (max-width:1199px){
    .width_100{width: 100% ;}
    .header_left_list , .bnt_list_right_header{padding: 0;}
    .bnt_list_right_header li{padding-left: 20px;}
    .bnt_list_right_header li a{padding: 8px 10px;}
    .btn_addon .catogries_select{width: 125px;}
    .trade_person_sec::before , .mobile_app_sec::before{width: 600px;background-size: 100%;}
    .step_by_step::before{left: calc(50% + 40px);}
    .steps_sec{padding: 80px 0;}
    .mobile_app_sec::before{top: 100px;}
    .search_btn{ padding: 13px 20px 14px;}
    .log_sec_right{padding: 100px 50px;}
    .view_details_priflie_list , .send_invite_priflie_list{padding: 8px 15px;}
    .width_100{width: 100% !important;}
    .rating_wrap_trader{flex-wrap: wrap;}
    .rating_bg_wrap{flex-basis:48%;margin-bottom: 25px;}
}

.flashmessage {position: fixed;right: 50px;border:1px solid #11cc5f;top: 100px;color:#ffffff;background: #11cc5f;padding:8px 10px;border-radius: 3px;font-size: 15px;font-weight: 500;z-index: 10;display: none;}
.flashmessage-error {position: fixed;right: 50px;border:1px solid #f02e2e;top: 100px;color:#ffffff;background: #f02e2e;padding:8px 10px;border-radius: 3px;font-size: 15px;font-weight: 500;z-index: 10;display: none;}

.success_pop_up_msg{position: fixed;right: 50px;border:1px solid #11cc5f;top: 100px;color:#ffffff;background: #11cc5f;padding:8px 10px;border-radius: 3px;font-size: 15px;font-weight: 500;z-index: 10;display: none;}
.failed_pop_up_msg{position: fixed;right: 50px;border:1px solid #f02e2e;top: 100px;color:#ffffff;background: #f02e2e;padding:8px 10px;border-radius: 3px;font-size: 15px;font-weight: 500;z-index: 10;display: none;}
.plan_wrapper_new{display: inline-flex;padding: 0 15px 15px;}

.work_photos_parent{display: flex; flex-wrap: wrap; padding: 0 5px;}
.image_wrap_new{width: 100px; height: 100px; position: relative; padding: 0 10px 15px;}
.image_wrap_new .js-img-viewer img{width: 80px; height: 80px; border-radius: 6px; object-fit: cover;}
.remove_added_photo{position: absolute; top: 5px; right: 15px; color: #E24513; background: #ffffff; width: 15px; line-height: 13px; border-radius: 50%; text-align: center; font-size: 13px; font-weight: 700;height: 15px;}
.jm_pswd_strike{position: absolute;color: #636368;top: -5px;right: 2px;font-size: 23px;display: none;}
.jm_pswd_strike_dash{position: absolute;color: #636368;top: 7px;right: 15px;font-size: 23px;display: none;}
.jm_cursor{cursor: pointer !important;}
.show_password_signup{display: inline-block; cursor: pointer;position: relative;}
.show_password_signup img{position: absolute;bottom: 2px;right: 2px;}
.strike_signup{position: absolute;color: #636368;top: -26px;right: 5px;font-size: 23px;display: none;}
.jm_default_cursor{cursor: default !important;}
.jm_about_ban_title{font-size: 36px;font-weight: 700;color: #18191F;text-align: center;margin: 15px 0 20px;}
.jm_abt_ban_text{font-size: 18px;font-weight: 400;text-align: center;margin-bottom: 25px;}
.font-13{font-size: 13px;}