/*--------------------------------B2B Services Page
*/
.b2b-top-section {
        background-color: #fdf6c9;
        padding-bottom: 50px;
        padding-top: 20px;
}
.b2b-services .services-block:first-child{
        padding-top:50px !important;
        padding-bottom:100px !important;
}
.b2b-top-section .page-header h3 {
        padding-bottom: 5px;
        font-size:32px;
}
.b2b-top-section .section-header,
.b2b-section-wrapper .section-header{
        margin-bottom:50px;
}
.b2b-section-wrapper {
        padding-bottom: 50px;
        padding-top: 50px;
}
.b2b-section-wrapper .recent-bottom-border {
        width: 100px;
        display: block;
        border: 2px solid #f5d91d;
        height: 2px;
}
.b2b-key-features .circle {
        height: 105px;
        width: 105px;
        border-radius: 50%;
        display: inline-block;
        background-color: #f5d91d;
        margin-bottom: 10px;
        box-shadow: 0px 10px 16px -8px rgb(0 0 0 / 75%);
        -webkit-box-shadow: 0px 10px 16px -8px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 10px 16px -8px rgba(0,0,0,0.75);
}
.b2b-key-features .circle i {
        margin-top: 20px;
}
.b2b-key-features .features-text p{
        border: 1px solid #f5d91d;
        border-radius: 15px;
        width: 95%;
        min-height: 245px;
        padding: 10px;
        margin: 0 auto;
}
.b2b-key-features .features-text p:hover{
box-shadow: 0px 10px 40px -9px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 10px 40px -9px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 40px -9px rgba(0,0,0,0.2);
-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.b2b-key-features .features-text h6 {
        padding-bottom: 15px;
}
.b2b-key-features .features-image {
        border: 5px solid #f5d91d;
}
.b2b-services .services-block {
        border-bottom: 1px solid #f5d91d;
        padding: 100px 0 70px 0;
}
.b2b-services .services-text ul{
    padding: 0 0 30px 20px;
    list-style-position: inside;
    list-style:none;
}
.b2b-services .services-text ul li::first-letter,
.b2b-services .services-text p::first-letter {
    font-weight:bold;
}
.b2b-services .services-text ul li i,
.b2b-services .services-text p i{
    margin-right: 6px;
    font-size: 12px;
    color: #68d576;
}
.b2b-services .services-text h6:before{
    content: "";
    box-sizing: border-box;
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 9px;
    border-style: solid;
    border-width: 9px 0 9px 10px;
    border-color: transparent transparent transparent #f5d91d;

}
.b2b-services .services-text h6 i{
    margin-right: 6px;
    color: #f5d91d;
    font-size:28px;
}
.b2b-services .services-img{
}
.b2b-services .services-img img{
        border-radius: 12px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
        -webkit-box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
        -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.10);
}
.b2b-services .services-text h4{
        padding-bottom: 25px;
        text-align: left;
        font-size:23px;
}
.b2b-services .services-text  h5.post-job-free{
    color:#68d576;
    font-size:23px;
}
.b2b-services .services-text p{
    margin-bottom:25px;
}
.b2b-services .services-text h6{
        padding-bottom: 5px;
}
.b2b-sms-email{
        border-bottom: none !important;
}
.eRecruitment_contact{
    font-weight:bold;
    border-bottom:2px solid #f5d91d;
    line-height:15px !important;
}
/*Footer 18-10-21*/
.ftr-connect-us{
    overflow:hidden;
}
.ftr-connect-us li{
    float:left !important;
    overflow:hidden !important;
    width: 100%;
}
.ftr-connect-us li i,
.ftr-connect-us li span{
    float:left !important;
}
.ftr-connect-us li i{
    margin-right:7px !important;
    margin-top:6px;
    width:18px;
}
.ftr-connect-us #address:hover{
    color:#aaa !important;
}
/*26-10-21-Blog-Category-and-Search*/
.blog-cate-search-hdr-wrap{
    border-bottom:1px dotted #eee;
    padding-bottom:20px;
    margin-bottom:20px;
}
.blog-cate-search-hdr-wrap .job-view-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:220px !important;
}
.blog-cate-search-hdr-wrap .job-view-filter .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
   padding: 4px 15px !important;
}
.blog-cate-search-hdr-wrap .breadcrumb-form{
    border-bottom: 2px solid #f5d91c;
    height: 40px;
}
.blog-cate-search-hdr-wrap .breadcrumb-form input{
    border: none;
    outline: none;
}
.blog-cate-search-hdr-wrap .breadcrumb-form #search_submit{
    border:none;
    background:none;
    cursor: pointer;
}
.blog-cate-search-hdr-wrap .breadcrumb-form #search_submit svg{
    color:rgba(36, 109, 248, 0.3);
}
.blog-cate-search-hdr-wrap .breadcrumb-form #search_submit:hover svg{
    color:#f5d91c;
}
/*Floating SignIn-Up*/
.oval-yel-btn{
    background-color: #f5d91d;
    border-radius: 50px;
    padding-left:15px;
    padding-right:15px;
    margin-left:15px;
}
.top-links>.nav-item>.nav-link.oval-yel-btn{
    color:#000 !important;
}
  body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
  body.offcanvas-menu:before {
    opacity: 1;
    z-index: 9999;
    visibility: visible; }
.site-floating-wrap {
  width: 442px;
  position: fixed;
  right: 0;
  z-index: 999999999;
  padding-top: 20px;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:40px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  overflow-x: hidden;
  overflow-y: auto;
  }
  .offcanvas-menu .site-floating-wrap {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    }
  .site-floating-wrap .site-floating-wrap-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-floating-wrap .site-floating-wrap-header .site-floating-wrap-close {
      float: right;
      margin-top: 8px; }
      .site-floating-wrap .site-floating-wrap-header .site-floating-wrap-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-floating-wrap .site-floating-wrap-header .site-floating-wrap-close span:hover {
          color: #ced4da; }
.site-floating-wrap::-webkit-scrollbar {
    width: 5px;
    height: 7px;
    background: #f3f3f3;
    right: 20px;
    border-radius: 50px;
}
.site-floating-wrap::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #dbe0e9;
}
.site-floating-wrap::-webkit-scrollbar-track {
    border-radius: 5px;
}
.jx-sign-close{
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
}
.site-floating-body{
    margin-top:22px;
}
.site-floating-body .nav-tabs li{
    width:50%;
}
.site-floating-body .nav-tabs{
    background: #f5d91d;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom:none;
}
.site-floating-body .nav-tabs li a{
    display:block;
    height:62px;
    background:#f5d91d;
    border-top:1px solid #f5d91d;
    border-left:1px solid #f5d91d;
    border-right:1px solid #f5d91d;
    position:relative;
    padding-top: 13px;
        -webkit-transition: all .0s ease;
    -o-transition: all .0s ease;
    transition: all .0s ease;
}
.site-floating-body .nav-tabs li a h5{
    text-align: center;
    font-size: 16px;
    font-family: "Poppins";
    font-weight: 100;
    color:#605400;
}
.site-floating-body .nav-tabs li a.active h5{
    font-weight: 500;
    color: #000;
    font-size: 18px;
}
.site-floating-body .nav-tabs li a span{
    display: block;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    color: #5e5831;
}
.site-floating-body .nav-tabs li .professional_sign.active{
    border-top-left-radius: 20px;
    border-top-right-radius: 37px;
    border-bottom-right-radius: 0;
    background:#fffdee;
}
.site-floating-body .nav-tabs li .company_sign{
    border-top-right-radius:20px;
    border-bottom-left-radius:37px;
    background:#f5d91d;
}
.site-floating-body .nav-tabs li .company_sign.active{
    border-top-right-radius:20px;
    border-top-left-radius:37px;
    border-bottom-left-radius:0px;
    background:#fffdee;
}
.site-floating-body .nav-tabs li .professional_sign{
    border-top-left-radius:20px;
    border-bottom-right-radius:37px;
    background:#f5d91d;
}
.site-floating-body .nav-tabs li .professional_sign.active .corner-adjust-rt{
    opacity:1;
}
.site-floating-body .nav-tabs li .company_sign.active .corner-adjust-lt{
    opacity:1;
}
.corner-adjust-rt{
    opacity:0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -39px;
    right: -100px;
    pointer-events: none;
    -webkit-transition: opacity 0.0s;
    -moz-transition: opacity 0.0s;
    -o-transition: opacity 0.0s;
    transition: opacity 0.0s;
}
.corner-adjust-rt::before{
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 33%;
    box-shadow: -50px 50px 0 0 #fffdee;
}
.corner-adjust-lt{
    opacity:0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -39px;
    left: -100px;
    pointer-events: none;
-webkit-transition: opacity 0.0s;
    -moz-transition: opacity 0.0s;
    -o-transition: opacity 0.0s;
    transition: opacity 0.0s;
}
.corner-adjust-lt::before{
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 33%;
    top: 0;
    right: 0;
    box-shadow: 50px 50px 0 0 #fffdee;
}
.site-floating-body .tab-content {
    background: #f5d91d;
    border-left:1px solid #f5d91d;
    border-right:1px solid #f5d91d;
    border-bottom:1px solid #f5d91d;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    -webkit-transition: all .0s ease;
    -o-transition: all .0s ease;
    transition: all .0s ease;
}
.site-floating-body .tab-content  #professional_sign{
    background: rgb(255,255,255);
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,253,238,1) 100%);*/
    background: url("../images/icons/jx-pro-sign-chair.png") no-repeat center 25px, linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,253,238,1) 100%);
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    padding:20px 15px 15px 15px;
    -webkit-transition: all .0s ease;
    -o-transition: all .0s ease;
    transition: all .0s ease;
    padding-top:125px;
    margin-bottom: 5px;
}
.site-floating-body .tab-content  #company_sign{
    background: rgb(255,255,255);
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,253,238,1) 100%);*/
    background: url("../images/icons/jx-com-sign-buildings.png") no-repeat center 25px, linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,253,238,1) 100%);
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    padding:20px 15px 15px 15px;
    -webkit-transition: all .0s ease;
    -o-transition: all .0s ease;
    transition: all .0s ease;
    padding-top:125px;
    margin-bottom: 5px;
}
.site-floating-body .tab-content  #professional_sign .tab-content,
.site-floating-body .tab-content  #company_sign .tab-content{
    background:none;
    border:none;
}
.site-floating-body .tab-content  #professional_sign .nav-pills,
.site-floating-body .tab-content  #company_sign .nav-pills{
    border-bottom:1px solid #f5d91d;
    padding-bottom:0px;
    margin-bottom:35px;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li,
.site-floating-body .tab-content  #company_sign .nav-pills li{
    width:50%;
    text-align:center;
    position:relative;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a,
.site-floating-body .tab-content  #company_sign .nav-pills li a{
    width:90px;
    padding: 5px 0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a.active span,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active span{
    width:90px;
    height:35px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a.active,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active{
    font-weight:bold;
    background:#f5d91d;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    width:90px;
    padding: 5px 0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a.active span:before,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active span:before{
    content: "";
    background:#f5d91d;
    z-index: 1;
    left: -10px !important;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a.active span:after,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active span:after{
    content: "";
    background:#f5d91d;
    z-index: 1;
    right:-10px !important;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a.active:before,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active:before{
    content: "";
    background: #fffdf2;
    left: -20px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 2;
    position: absolute;
    bottom: 0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a.active:after,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active:after{
content: "";
    background: #fffdf2;
    right: -20px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 2;
    position: absolute;
    bottom: 0;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li a,
.site-floating-body .tab-content  #company_sign .nav-pills li a{
    position:relative;
}
/*.site-floating-body .tab-content  #professional_sign .nav-pills li a.active::before,
.site-floating-body .tab-content  #company_sign .nav-pills li a.active::before{
    content: '';
    position: absolute;
    top: 28px;
    right: 0px;
    width: 75px;
    height: 6px;
   background-color: #f5d91d;
   border-radius:5px;
    -webkit-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li:first-child a.active::before,
.site-floating-body .tab-content  #company_sign .nav-pills li:first-child a.active::before{
    left:-15px;
}
.site-floating-body .tab-content  #professional_sign .nav-pills li:nth-child(2) a.active::before,
.site-floating-body .tab-content  #company_sign .nav-pills li:nth-child(2) a.active::before{
    left:-13px;
}*/
.site-floating-body .tab-content  #professional_sign_in .form-group,
.site-floating-body .tab-content  #company_sign_in .form-group,
.site-floating-body .tab-content  #professional_sign_up .form-group,
.site-floating-body .tab-content  #company_sign_up .form-group{
    margin-bottom:15px;
    position:relative;
}
.site-floating-body .tab-content  #professional_sign_in input,
.site-floating-body .tab-content  #company_sign_in input,
.site-floating-body .tab-content  #professional_sign_up input,
.site-floating-body .tab-content  #company_sign_up input{
    background:#fffbe1;
    border:1px solid #f5d91d;
    color:#403e32;
    height:38px;
    padding:0 15px;
    line-height:38px;
    border-radius:100px;
    font-family: "Poppins", sans-serif;
    font-size: 1.4rem;
}
.site-floating-body .tab-content  #professional_sign_in input:focus,
.site-floating-body .tab-content  #company_sign_in input:focus,
.site-floating-body .tab-content  #professional_sign_up input:focus,
.site-floating-body .tab-content  #company_sign_up input:focus{
    box-shadow: 0px 0px 5px rgba(250,200,0,.50) !important;
}
.site-floating-body .tab-content input::placeholder {
    color:#928d69;
    opacity: 1;
}
.site-floating-body .tab-content input:-ms-input-placeholder {
    color:#928d69;
}
.site-floating-body .tab-content input::-ms-input-placeholder {
    color:#928d69;
}
.site-floating-body .tab-content  #professional_sign_in .eye-btn,
.site-floating-body .tab-content  #company_sign_in .eye-btn{
    background:none;
    border:none;
    outline:none;
    cursor:pointer;
    position:absolute;
    top:6px;
    right:6px;
    color: #9a9572;
}
.site-floating-body .tab-content  #professional_sign_up .eye-btn,
.site-floating-body .tab-content  #company_sign_up .eye-btn{
    background:none;
    border:none;
    outline:none;
    cursor:pointer;
    position:absolute;
    top:6px;
    right:25px;
    color: #9a9572;
}
.site-floating-body .tab-content  #professional_sign_up .passque,
.site-floating-body .tab-content  #company_sign_up .passque{
    cursor:pointer;
    position:absolute;
    top:7px;
    right:12px;
    font-size:13px;
    color: #9a9572;
}
.site-floating-body .tab-content  #company_sign_up .tooltip-inner {
     width:250px !important;
     height:100px !important;
}
.site-floating-body .tab-content .yellow-checkbox span{
    height: 18px;
    width: 18px;
    border-radius: 3px;
}
.site-floating-body .tab-content .yellow-checkbox{
    padding-left: 26px;
    margin-bottom: 12px;
    line-height: 18px;
    font-size: 13px;
    color: #928d69;
    position:relative;
}
.site-floating-body .tab-content #email_sign_up .yellow-checkbox{
    color:#333333;
}
.yellow-checkbox span:after{
    left: 5px;
    top: 0px;
    width: 7px;
    height: 13px;
}
.site-floating-body .tab-content .fgotpass{
    line-height: 18px;
    font-size: 13px;
    color: #928d69;
    text-decoration:underline;
    text-decoration-color:#cfcbb3;
}
.site-floating-body .tab-content .btn-yellow{
    width: 100%;
    border: 1px solid #e1c611;
    font-size: 14px !important;
    text-align: center;
    box-shadow: none !important;
}
.site-floating-body .tab-content .form-pro-signin{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.site-floating-body .tab-content .form-pro-signup{
    border-top: 1px solid #eee;
    padding-top: 32px;
}
.site-floating-body .tab-content  #professional_sign_up #social_sign_up{
    border: 1px solid #f5d91d;
    border-radius: 10px;
    margin-bottom: 0px;
    background: #fff;
}
.site-floating-body .tab-content  #professional_sign_up #social_sign_up h6.connect-hdr{
    margin: -9px auto 10px auto !important;
    width: 100%;
    border-bottom: none !important;
}
.site-floating-body .tab-content #professional_sign_up #social_sign_up ul{
    margin-bottom:10px !important;
}
.site-floating-body .tab-content #professional_sign_up #social_sign_up ul li{
    margin-top:0 !important;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin h6,
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume h6,
.site-floating-body .tab-content #professional_sign_in h6.bar-or-divider,
.site-floating-body .tab-content  #professional_sign_up h6.bar-or-divider{
    text-align: center;
    color: #1d252d;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    line-height: 7px;
    display: table;
    position: relative;
    z-index: 5;
    padding: 0 10px;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin h6{
    margin: 25px auto 10px auto;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.site-floating-body .tab-content #professional_sign_in h6.bar-or-divider,
.site-floating-body .tab-content  #professional_sign_up h6.bar-or-divider{
    margin: 27px auto 33px auto !important;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.site-floating-body .tab-content  #professional_sign_up h6.bar-or-divider-2{
    margin: 27px auto 27px auto !important;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin h6 span,
.site-floating-body .tab-content #professional_sign_in h6.bar-or-divider span,
.site-floating-body .tab-content  #professional_sign_up h6.bar-or-divider span{
    background: #fff;
    padding: 0 15px;
    margin-top: 10px;
    position: relative;
    /* display: block; */
    /* margin: 0 auto 0 auto; */
    top: 3px;
    color: #4f4924;
    font-size: 14px;
}
.site-floating-body .tab-content  #professional_sign_up h6.connect-hdr span{
    background: #fffdf4;
}
.site-floating-body .tab-content #professional_sign_in h6.bar-or-divider span,
.site-floating-body .tab-content  #professional_sign_up h6.bar-or-divider span{
    background: #fffef8 !important;
}
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume h6{
    margin: 30px auto -3px auto;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul{
    display:flex;
    padding-left:0;
    list-style:none;
    justify-content: center;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul li{
    margin:9px 12px 0 12px;
}
/*.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul li a{
    height:40px;
    width:40px;
    border-radius:100px;
    text-align:center;
    line-height:40px;
    font-size:20px;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul li.facebook-jx-login a{
    color:#3d5c96;
    border:1px solid #3d5c96;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul li.google-jx-login a{
    color:#cd4c43;
    border:1px solid #cd4c43;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul li.linkedin-jx-login a{
    color:#007db7;
    border:1px solid #007db7;
}
.site-floating-body .tab-content #professional_sign_in .pro-social-signin ul li.apple-jx-login a{
    color:#1d1d1d;
    border:1px solid #1d1d1d;
}*/
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume .btn-yellow{
    text-align:center;
}
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume .attach-resume-box{
    width:100%;
    height:75px;
    padding:10px;
    border:1px dashed #f5d91d;
    background:#fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor:pointer;
}
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume .attach-resume-box i{
    color:#e5c809;
}
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume .attach-resume-box p{
    margin:7px 0 3px 0;
    line-height:12px;
}
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume .attach-resume-box span{
    font-size: 12px;
    color: #a6a079;
}
.site-floating-body .tab-content  #professional_sign_up .sign-up-with-resume .resume-uploader{
    height: 22px;
    width: 22px;
    position: absolute;
    right: 8px;
    top:8px;
}
.site-floating-body .tab-content #professional_sign .tab-content #professional_sign_up #upload-button{
    position: relative;
    text-align:center;
}
.site-floating-body .tab-content #professional_sign .tab-content #professional_sign_up #upload-button img{
    position: relative;
    right: -12px;
    top: -1px;
}
/*30-12-21*/
.site-floating-body .alert.alert-danger{
    color: #d31224 !important;
    background-color: #fff7f8;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px dotted #f5c6cb !important;
    border-radius: 5px;
}
.site-floating-body #professional_sign_up .form-group label.error,
.site-floating-body #company_sign_up .form-group label.error{
    color: #d31224 !important;
    font-size: 13px;
    font-weight: normal;
    margin:0 0 0 16px;
}
.site-floating-body #professional_sign_up .form-group .form-control.error,
.site-floating-body #company_sign_up .form-group .form-control.error{
    border: 1px solid #f5c6cb !important;
    background-color: #fff7f8 !important;
}
.site-floating-body .tab-content .yellow-checkbox #terms_and_condition_status-error{
    position:absolute;
    bottom:-20px;
    left:11px;
}
.site-floating-body #professional_sign_up .sign-up-with-resume label.custom-file-upload{
    background: #fff;
    border-radius: 10px;
    border: 1px dashed #f5d91d;
    width: 100%;
    display: block;
    text-align: center;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px;
    cursor: pointer;
    margin-bottom:15px;
}
.site-floating-body #professional_sign_up .sign-up-with-resume #signinButton.btn-yellow{
    margin-bottom:15px;
}
.nav.top-links li a.oval-yel-btn{
    margin-top:7px !important;
}
.sticky-menu-right-for-mobile .navbar-collapse .oval-yel-btn{
    width:100%;
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
    margin-left:0 !important;
}
.sticky-menu-right-for-mobile .navbar-collapse .nav-item.signx-nav-item:hover{
    background:#fff;
    border-bottom: none;
    font-weight: normal;
}
.site-floating-body #professional_sign_up .sign-up-with-resume label.custom-file-upload input.resumeUp{
    opacity: 0;
    position: absolute;
    /* z-index: -1; */
    top: 0;
    border-radius: 10px;
    height: 100%;
    cursor:pointer;
}
.site-floating-body #professional_sign_up .sign-up-with-resume label.custom-file-upload span b{
    color:#928d69;
    font-weight:normal;
    font-size:12px;
    display:block;
    line-height:10px;
}
.site-floating-body #professional_sign_up .sign-up-with-resume label.custom-file-upload i {
    font-size: 18px;
    color: #f5d91d;
}
.jx-ssl-mobile{
    display:none;
    }
.skilldev-partner{
    box-shadow: 0 0 12px #00000052;
    border-radius: 10px;
}
.skilldev-partner-mobile{
    display:none;
    box-shadow: 0 0 12px #00000052;
    border-radius: 10px;
}
/*6-12-21 Membership Upgrade Table*/
.table-scroll-wrapper-for-membership{
    padding: 20px 7px;
}
.jx-upgrade-wrap{
    border-radius: 10px;
    box-shadow: 0 0 3px #00000052;
    width:100%;
    position:relative;
    z-index:1;
    background:#fff;
    display:flex;
}
.jx-upgrade-features{
    width:300px;
}
.jx-upgrade-membership-wrap{
    width: calc(100% - 300px);
}
.jx-upgrade-membership-wrap-inner{
    display:flex;
}
.jx-upgrade-header{
    background: #f5d91d;
    min-height: 65px;
    display: flex;
    align-items: center;
}
.jx-upgrade-footer{
    background: #f5d91d;
    min-height: 80px;
    display: flex;
    align-items: center;
}
.jx-upgrade-wrap h2{
    font-size: 18px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    font-weight:500;
}
.jx-upgrade-wrap ul{
    padding:0;
    margin:0;
    list-style:none;
    border-right:1px solid #e3e3e3;
}
.jx-upgrade-wrap ul li{
    width:100%;
    padding:10px;
    min-height:70px;
}
.jx-upgrade-wrap h2 span{
    display: contents;
}
.jx-upgrade-wrap h2 i{
    margin-left: 5px;
}
.jx-upgrade-free,
.jx-upgrade-basic,
.jx-upgrade-premium{
    width:33.333333%;
}
.jx-upgrade-features .jx-upgrade-header{
    border-top-left-radius:10px;
}
.jx-upgrade-premium .jx-upgrade-header{
    border-top-right-radius:10px;
}
.jx-upgrade-features .jx-upgrade-footer{
    border-bottom-left-radius:10px;
}
.jx-upgrade-premium .jx-upgrade-footer{
    border-bottom-right-radius:10px;
    position:relative;
}
.jx-upgrade-premium ul{
    border-right:none;
}
.jx-upgrade-features ul li{
    background: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 10px 5px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.jx-upgrade-features ul li:last-child,
.jx-upgrade-free ul li:last-child,
.jx-upgrade-basic ul li:last-child,
.jx-upgrade-premium ul li:last-child{
    border-bottom:none;
}
.jx-upgrade-free ul li,
.jx-upgrade-basic ul li,
.jx-upgrade-premium ul li{
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    line-height: 48px;
    background:#fff;
}
.jx-upgrade-features ul li h6{
    font-size:16px;
    line-height:20px;
}
.jx-upgrade-features ul li span{
    font-size:13px;
}
.jx-upgrade-free .jx-upgrade-footer h2,
.jx-upgrade-basic .jx-upgrade-footer h2,
.jx-upgrade-premium .jx-upgrade-footer h2{
    font-family: 'Oswald', sans-serif;
    font-size:24px;
}
.jx-upgrade-premium .jx-upgrade-footer h2{
    margin-left:25px;
}
.jx-upgrade-basic .jx-upgrade-footer h2 span,
.jx-upgrade-premium .jx-upgrade-footer h2 span{
    font-weight: 300;
    font-size: 15px;
    display: block;
    font-family: 'Poppins';
}
.jx-upgrade-basic .jx-upgrade-footer h2 span b,
.jx-upgrade-premium .jx-upgrade-footer h2 span b{
    font-weight:bold;
}
.jx-upgrade-premium .jx-upgrade-footer h2 strike{
    font-weight:300;
    margin-right: 5px;
}
.jx-upgrade-premium .jx-upgrade-footer .jx-premium-off{
    font-family: 'Oswald', sans-serif;
    height: 44px;
    width: 75px;
    background: #000;
    border-radius: 3px;
    color: #f5d91d;
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 36px;
    padding: 7px;
    line-height: 25px;
}
.jx-upgrade-premium .jx-upgrade-footer .jx-premium-off span{
    font-weight: 300;
    font-family: "Raleway";
    font-size: 24px;
    margin-left: 3px;
    line-height: 16px;
    position: absolute;
    top: 6px;
}
.jx-upgrade-premium .jx-upgrade-footer .jx-premium-off b{
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    margin-left: 2px;
}
.jx-membership-selected{
   box-shadow: 0 0 10px 0px #00000059;
    /* clip-path: inset(0px -10px 0px -10px); */
    border-radius: 10px;
    /* padding: 20px 0; */
    width: 40%;
    position: relative;
    z-index: 10;
    border: 4px solid #4caf50;
    /* background: #f5d91d; */
    margin-top:-8px;
}
.jx-membership-selected .jx-upgrade-header h2{
    font-weight:600;
}
.jx-membership-selected  .jx-upgrade-header{
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    min-height: 69px;
}
.jx-membership-selected .btn-free,
.jx-membership-selected .btn-basic,
.jx-membership-selected .btn-premium{
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-bottom:none !important;
}
.jx-upgrade-free .btn-free,
.jx-upgrade-basic .btn-basic,
.jx-upgrade-premium .btn-premium{
    background:#fff;
    display:flex;
    border-bottom:6px solid #fff
}
.jx-upgrade-premium .btn-premium{
    border-bottom-right-radius: 10px;
}
.recent-job .job-list .info .common-things{
    display:inline-block !important;
}
.recent-job .job-list .more .common-things{
    color:#6f7484;
}
.jx-membership-selected.jx-upgrade-premium .jx-upgrade-footer .jx-premium-off{
    right:40px;
}
.jx-membership-selected.jx-upgrade-premium .jx-upgrade-footer h2{
    margin-left:40px;
}


/*========================================START=================================================
==============================JX-Membership-Table-2022=========================================*/

.jx-membership-table-wrapper-22{
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.jx-membership-free-22,
.jx-membership-basic-22,
.jx-membership-premium-22{
    width:255px;
    height:598px;
    background:#ffffff;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;
    position:relative;
    text-align:center;
    color:#111316;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
}
.jx-membership-free-22{
    border-bottom:7px solid #8aca05;
}
.jx-membership-basic-22{
    border-bottom:7px solid #00a9f0;
    z-index:10;
}
.jx-membership-premium-22{
    border-bottom:7px solid #ff5d17;
}
.jx-membership-elite-22{
    width:285px;
    height:672px;
    background: url("../images/membership/elite-bg.png") no-repeat top center;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;
    position:relative;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    border-bottom:7px solid #f5d81c;
    text-align:center;
}
.jx-membership-free-22 h3,
.jx-membership-basic-22 h3,
.jx-membership-premium-22 h3{
    font-size: 24px;
    font-family: "Poppins";
    font-weight: 600;
    min-height: 113px;
    padding-top: 16px;
}
.jx-membership-elite-22 h3{
    font-size: 55px;
    font-family: 'Praise', cursive;
    font-weight: normal;
    min-height: 141px;
    padding-top: 12px;
    color:#fff;
}
.jx-membership-basic-22 .mem22-ribbon-wrapper,
.jx-membership-premium-22 .mem22-ribbon-wrapper,
.jx-membership-elite-22 .mem22-ribbon-wrapper{
    position: absolute;
    left: 15px;
    top: 23px;
}
.jx-membership-basic-22 .mem22-ribbon-wrapper .mem22-ribbon,
.jx-membership-premium-22 .mem22-ribbon-wrapper .mem22-ribbon,
.jx-membership-elite-22 .mem22-ribbon-wrapper .mem22-ribbon{
    display: inline-block;
    position:relative;
}
.jx-membership-basic-22 .mem22-ribbon-wrapper b,
.jx-membership-premium-22 .mem22-ribbon-wrapper b,
.jx-membership-elite-22 .mem22-ribbon-wrapper b{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    z-index: 11;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}
.jx-membership-basic-22 .mem22-ribbon-wrapper b{
    top: -10px;
}
.jx-membership-premium-22 .mem22-ribbon-wrapper b{
    top: -14px;
}
.jx-membership-elite-22 .mem22-ribbon-wrapper b{
    top: -18px;
    color:#000 !important;
}
.jx-membership-basic-22 .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership-basic-22 .mem22-ribbon-wrapper .mem22-ribbon:after {
    content: "";
    display: block;
    position: absolute;
    height: 48px;
    bottom: -8px;
    border: 12px solid #00a9f0;
 }
.jx-membership-premium-22 .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership-premium-22 .mem22-ribbon-wrapper .mem22-ribbon:after {
    content: "";
    display: block;
    position: absolute;
    height: 48px;
    bottom: -8px;
    border: 12px solid #ff5d17;
 }
.jx-membership-elite-22 .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership-elite-22 .mem22-ribbon-wrapper .mem22-ribbon:after {
    content: "";
    display: block;
    position: absolute;
    height: 48px;
    bottom: -8px;
    border: 12px solid #ffde17;
 }
.jx-membership-basic-22 .mem22-ribbon-wrapper .mem22-ribbon:before {
    border-bottom-color: transparent;
    bottom: -40px;
}
.jx-membership-premium-22 .mem22-ribbon-wrapper .mem22-ribbon:before {
    border-bottom-color: transparent;
    bottom: -40px;
}
.jx-membership-elite-22 .mem22-ribbon-wrapper .mem22-ribbon:before {
    border-bottom-color: transparent;
    bottom: -40px;
}
.jx-membership-free-22 .mem2-price-box,
.jx-membership-basic-22 .mem2-price-box,
.jx-membership-premium-22 .mem2-price-box{
    width:100%;
    height:172px;
    position:relative;
    color:#fff;
    padding-top:71px;
}
.jx-membership-elite-22 .mem2-price-box{
    width:100%;
    height:194px;
    position:relative;
    color:#1e1c20;
    padding-top:71px;
}
.jx-membership-free-22 .mem2-price-box{
    background: rgb(203,209,2);
    background: linear-gradient(180deg, rgba(203,209,2,1) 0%, rgba(138,202,5,1) 100%);
}
.jx-membership-basic-22 .mem2-price-box{
    background: rgb(11,210,209);
    background: linear-gradient(180deg, rgba(11,210,209,1) 0%, rgba(0,169,240,1) 100%);
}
.jx-membership-premium-22 .mem2-price-box{
    background: rgb(255,185,7);
    background: linear-gradient(180deg, rgba(255,185,7,1) 0%, rgba(255,93,23,1) 100%);
}
.jx-membership-free-22 .mem2-price-box .mem22-badge,
.jx-membership-basic-22 .mem2-price-box .mem22-badge,
.jx-membership-premium-22 .mem2-price-box .mem22-badge,
.jx-membership-elite-22 .mem2-price-box .mem22-badge{
    text-align: center;
    position: absolute;
    top: -61px;
    left: 0;
    right: 0;
    display:flex;
    justify-content: center;
    /* padding-bottom: 25px; */
}
.jx-membership-free-22 .mem2-price-box .mem22-badge img,
.jx-membership-basic-22 .mem2-price-box .mem22-badge img,
.jx-membership-premium-22 .mem2-price-box .mem22-badge img,
.jx-membership-elite-22 .mem2-price-box .mem22-badge img{
    height:123px;
    width:135px;
}
.jx-membership-free-22 .mem2-price-box h2,
.jx-membership-basic-22 .mem2-price-box h2,
.jx-membership-premium-22 .mem2-price-box h2{
    font-family: 'Oswald', sans-serif;
    font-size:40px;
    font-weight: 500;
    position:relative;
}
.jx-membership-elite-22 .mem2-price-box h2{
    font-family: 'Oswald', sans-serif;
    font-size:48px;
    font-weight: 500;
    color:#1e1c20;
    position:relative;
}
.jx-membership-free-22 .mem2-price-box h2:after,
.jx-membership-basic-22 .mem2-price-box h2:after,
.jx-membership-premium-22 .mem2-price-box h2:after{
    content: "";
    width: 17px;
    height: 23px;
    background: url("../images/membership/icon-taka-white.png") no-repeat top center;
    /*top: 10px;
    right: 5px;display: inline-block;*/
    position: absolute;
}
.jx-membership-free-22 .mem2-price-box .mem22-includes-arrow-line,
.jx-membership-basic-22 .mem2-price-box .mem22-includes-arrow-line,
.jx-membership-premium-22 .mem2-price-box .mem22-includes-arrow-line{
    height: 50px;
    width: 50px;
    border-top-left-radius: 7px;
    position: absolute;
    right: -34px;
    bottom: -74px;
    z-index: 11;
}
.jx-membership-free-22 .mem2-price-box .mem22-includes-arrow-line{
    border-left: 1px solid #8aca05;
    border-top: 1px solid #8aca05;
}
.jx-membership-basic-22 .mem2-price-box .mem22-includes-arrow-line{
    border-left: 1px solid #00a9f0;
    border-top: 1px solid #00a9f0;
    bottom: -75px !important;
}
.jx-membership-premium-22 .mem2-price-box .mem22-includes-arrow-line{
    border-left: 1px solid #ff5d17;
    border-top: 1px solid #ff5d17;
    bottom: -87px !important;
}
.jx-membership-free-22 .mem2-price-box .mem22-includes-arrow,
.jx-membership-basic-22 .mem2-price-box .mem22-includes-arrow,
.jx-membership-premium-22 .mem2-price-box .mem22-includes-arrow{
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    top: -13px;
    right: -20px;
}
.jx-membership-free-22 .mem2-price-box .mem22-includes-arrow{
    border-color: #8aca05;
}
.jx-membership-basic-22 .mem2-price-box .mem22-includes-arrow {
    border-color: #00a9f0;
}
.jx-membership-premium-22 .mem2-price-box .mem22-includes-arrow{
    border-color: #ff5d17;
}
.jx-membership-elite-22 .mem2-price-box h2:after{
    content: "";
    width: 19px;
    height: 25px;
    background: url("../images/membership/icon-taka-black.png") no-repeat top center;
    /*top: 10px;
    right: 5px;display: inline-block;*/
    position: absolute;

}
.jx-membership-free-22 .mem2-price-box span,
.jx-membership-basic-22 .mem2-price-box span,
.jx-membership-premium-22 .mem2-price-box span{
    font-family: "Raleway";
    font-size:18px;
    font-weight: normal;
    display:block;
    line-height:17px;
}
.jx-membership-elite-22 .mem2-price-box span{
    font-family: "Raleway";
    font-size:21px;
    font-weight: normal;
    display:block;
    line-height:22px;
    color:#1e1c20;
}
.jx-membership-free-22 h4,
.jx-membership-basic-22 h4,
.jx-membership-premium-22 h4{
    font-size: 16px;
    font-family: "Poppins";
    color:#515458;
    font-weight:600;
    padding:15px 0;
    -webkit-box-shadow: 0px 6px 10px -10px rgba(94,94,94,1);
    -moz-box-shadow: 0px 6px 10px -10px rgba(94,94,94,1);
    box-shadow: 0px 6px 10px -10px rgba(94,94,94,1);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.jx-membership-free-22 h4{
    box-shadow: none !important;
}
.jx-membership-elite-22 h4{
    font-size: 16px;
    font-family: "Poppins";
    color:#fff;
    font-weight:600;
    padding:15px 0;
    -webkit-box-shadow: 0px 6px 10px -10px rgba(0,0,0,1);
    -moz-box-shadow: 0px 6px 10px -10px rgba(0,0,0,1);
    box-shadow: 0px 6px 10px -10px rgba(0,0,0,1);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.jx-membership-elite-22 h5.elite-promote-message{
    font-size: 16px;
    font-family: "Poppins";
    color:#ffc90e;
    font-weight:600;
    padding:25px 0 5px 0;
    text-shadow: 2px 2px #3c007b;
}
.jx-membership-free-22 h4 span,
.jx-membership-basic-22 h4 span,
.jx-membership-premium-22 h4 span,
.jx-membership-elite-22 h4 span{
    font-weight: normal !important;
}
.jx-membership-free-22 h4 span{
    display:block;
}
.jx-membership-free-22 ul,
.jx-membership-basic-22 ul,
.jx-membership-premium-22 ul{
    margin:25px 15px 15px 20px;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
    border-top:none !important;
    padding:0 !important;
}
.jx-membership-elite-22 ul{
    margin:15px 15px 5px 23px;
    padding:0 !important;
}
.jx-membership-free-22 ul{
    border:1px solid #8aca05;
    margin-top:2px !important;
}
.jx-membership-basic-22 ul{
    border:1px solid #00a9f0;
}
.jx-membership-premium-22 ul{
    border:1px solid #ff5d17;
}
.jx-membership-free-22 ul li:before,
.jx-membership-basic-22 ul li:before,
.jx-membership-premium-22 ul li:before,
.jx-membership-elite-22 ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 16px;
    background:#ffffff;
    line-height:11px;
}
.jx-membership-elite-22 ul li:before{
    background:none !important;
    top:5px !important;
}
.jx-membership-free-22 ul li:before{
    color:#8aca05;
}
.jx-membership-basic-22 ul li:before{
    color:#00a9f0;
}
.jx-membership-premium-22 ul li:before{
    color:#ff5d17;
}
.jx-membership-elite-22 ul li:before{
    color:#ffde17;
}
.jx-membership-free-22 ul li,
.jx-membership-basic-22 ul li,
.jx-membership-premium-22 ul li{
    list-style: none;
    position: relative;
    /* float: left; */
    padding-left: 20px;
    /* display: flex; */
    /* flex-direction: column; */
    margin-left:-8px;
}
.jx-membership-elite-22 ul li{
    list-style: none;
    position: relative;
    /* float: left; */
    padding-left: 22px;
    padding-right:15px;
    /* display: flex; */
    /* flex-direction: column; */
    margin-left:-8px;
}
.jx-membership-free-22 ul li h5,
.jx-membership-basic-22 ul li h5,
.jx-membership-premium-22 ul li h5{
    text-align: left;
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 500;
}
.jx-membership-elite-22 ul li h5{
    text-align: left;
    font-size: 15px;
    font-family: "Poppins";
    font-weight: 500;
    color:#fff;
}
.jx-membership-free-22 ul li p,
.jx-membership-basic-22 ul li p,
.jx-membership-premium-22 ul li p{
    text-align: left;
    font-size: 12px !important;
    font-family: "Raleway";
    font-weight: normal;
    line-height: 14px;
    padding-bottom: 15px;
    color:#454152;
}
.jx-membership-elite-22 ul li p{
    text-align: left;
    font-size: 13px !important;
    font-family: "Raleway";
    font-weight: normal;
    line-height: 14px;
    padding-bottom: 15px;
    color:#fae8ff;
}
.jx-membership-free-22 .mem22-view-all,
.jx-membership-basic-22 .mem22-view-all,
.jx-membership-premium-22 .mem22-view-all,
.jx-membership-elite-22 .mem22-view-all{
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 500;
}
.jx-membership-elite-22 .mem22-view-all{
    color:#fff;
}
.jx-membership-free-22 .mem22-btn,
.jx-membership-basic-22 .mem22-btn,
.jx-membership-premium-22 .mem22-btn,
.jx-membership-elite-22 .mem22-btn{
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
}
.jx-membership-free-22 .mem22-btn button,
.jx-membership-basic-22 .mem22-btn button,
.jx-membership-premium-22 .mem22-btn button,
.jx-membership-elite-22 .mem22-btn button,
.jx-membership22-details-free .mem22-btn button,
.jx-membership22-details-basic .mem22-btn button,
.jx-membership22-details-premium .mem22-btn button,
.jx-membership22-details-elite .mem22-btn button {
    width:160px;
    height:38px;
    border-radius:50px;
    font-family: "Poppins";
    font-weight: 500;
    color:#fff;
    border:1px solid #ffffff9e;
    cursor:pointer;
}
.jx-membership22-details-free .mem22-btn button,
.jx-membership22-details-basic .mem22-btn button,
.jx-membership22-details-premium .mem22-btn button,
.jx-membership22-details-elite .mem22-btn button {
    width:140px !important;
    font-size:16px !important;
}
.jx-membership22-details-free ul li.mem22-btn,
.jx-membership22-details-basic ul li.mem22-btn,
.jx-membership22-details-premium ul li.mem22-btn,
.jx-membership22-details-elite ul li.mem22-btn {
    align-items: center;
}
.jx-membership-free-22 .mem22-btn button,
.jx-membership22-details-free .mem22-btn button{
    background: rgb(203,209,2);
    background: linear-gradient(180deg, rgba(203,209,2,1) 0%, rgba(138,202,5,1) 100%);
    outline:1px solid #8aca05;
}
.jx-membership-basic-22 .mem22-btn button,
.jx-membership22-details-basic .mem22-btn button{
    background: rgb(11,210,209);
    background: linear-gradient(180deg, rgba(11,210,209,1) 0%, rgba(0,169,240,1) 100%);
    outline:1px solid #00a9f0;
}
.jx-membership-premium-22 .mem22-btn button,
.jx-membership22-details-premium .mem22-btn button{
    background: rgb(255,185,7);
    background: linear-gradient(180deg, rgba(255,185,7,1) 0%, rgba(255,93,23,1) 100%);
    outline:1px solid #ffa60a;
}
.jx-membership-elite-22 .mem22-btn button,
.jx-membership22-details-elite .mem22-btn button{
    background: rgb(255,222,23);
    background: linear-gradient(180deg, rgba(255,222,23,1) 0%, rgba(255,183,7,1) 100%);
    outline:1px solid #ffb707;
    color:#231f20 !important;
    font-size:16px;
}
.jx-membership-free-22 .mem22-btn button.mem22-disabled-btn,
.jx-membership-basic-22 .mem22-btn button.mem22-disabled-btn,
.jx-membership-premium-22 .mem22-btn button.mem22-disabled-btn,
.jx-membership-elite-22 .mem22-btn button.mem22-disabled-btn,
.jx-membership22-details-free .mem22-btn button.mem22-disabled-btn,
.jx-membership22-details-basic .mem22-btn button.mem22-disabled-btn,
.jx-membership22-details-premium .mem22-btn button.mem22-disabled-btn,
.jx-membership22-details-elite .mem22-btn button.mem22-disabled-btn{
    background: rgb(214,214,214) !important;
    background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(150,150,150,1) 100%) !important;
    outline:1px solid #c4c4c4 !important;
    border:1px solid #ffffff !important;
    color:#ffffffc2 !important;
    cursor:revert !important;
}
.jx-membership-premium-22 .mem2-price-box h2{
    position:relative;
}
.jx-membership-premium-22 .mem2-price-box h2 s{
    position: absolute;
    left: 20px;
    top: 7px;
    font-weight: 200;
    font-size: 32px !important;
}
.jx-membership-premium-22 .mem2-price-box h2 .mem22-offer{
    position: absolute;
    right: 0;
    top: 8px;
    height: 38px;
    width: 60px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: rgb(255,255,255);
    background: linear-gradient(265deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    box-shadow: -3px 1px 4px -2px rgba(85,44,4,0.75);
    -webkit-box-shadow: -3px 1px 4px -2px rgba(85,44,4,0.75);
    -moz-box-shadow: -3px 1px 4px -2px rgba(85,44,4,0.75);
    font-size: 30px;
    color: #231f20;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 37px;
    text-align: left;
    padding-left: 5px;
}
.jx-membership-premium-22 .mem2-price-box h2 .mem22-offer b{
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    bottom: -7px;
    right: 5px;
}
.jx-membership-premium-22 .mem2-price-box h2 .mem22-offer span{
    font-family: "Raleway";
    font-size: 15px;
    position: absolute;
    top: 5px;
    right: 8px;
}
.jx-membership-free-22.mem22-current,
.jx-membership22-details-free.mem22-current{
    outline:2px solid #8aca05;
}
.jx-membership-basic-22.mem22-current,
.jx-membership22-details-basic.mem22-current{
    outline:2px solid #00a9f0;
}
.jx-membership-premium-22.mem22-current,
.jx-membership22-details-premium.mem22-current{
    outline:2px solid #ff5d17;
}
.jx-membership-elite-22.mem22-current,
.jx-membership22-details-elite.mem22-current{
    outline:2px solid #ffde17;
}
.jx-membership-free-22 .mem22-current-head,
.jx-membership-basic-22 .mem22-current-head,
.jx-membership-premium-22 .mem22-current-head,
.jx-membership-elite-22 .mem22-current-head{
    display:none;
}
.jx-membership-free-22.mem22-current .mem22-current-head,
.jx-membership-basic-22.mem22-current .mem22-current-head,
.jx-membership-premium-22.mem22-current .mem22-current-head,
.jx-membership-elite-22.mem22-current .mem22-current-head{
    display: block !important;
    position: absolute;
    top: -34px;
    left: 55px;
    /* right: 0 !important; */
    height: 32px;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    /* left: 0; */
    /* right: 0; */
    width: 145px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.jx-membership-free-22.mem22-current .mem22-current-head{
    background:#8aca05;
}
.jx-membership-basic-22.mem22-current .mem22-current-head {
    background:#00a9f0;
}
.jx-membership-premium-22.mem22-current .mem22-current-head{
    background:#ff5d17;
}
.jx-membership-elite-22.mem22-current .mem22-current-head{
    background:#ffde17;
    left:65px !important;
    top:-38px !important;
    color: #231f20 !important;
    width: 150px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size:15px !important;
}
.jx-membership-free-22.mem22-current .mem22-current-head b.left-curve,
.jx-membership-basic-22.mem22-current .mem22-current-head b.left-curve,
.jx-membership-premium-22.mem22-current .mem22-current-head b.left-curve,
.jx-membership-elite-22.mem22-current .mem22-current-head b.left-curve {
    position: absolute;
    bottom: 0px;
    left: -20px;
    height: 100%;
    width: 20px;
}
.jx-membership-free-22.mem22-current .mem22-current-head b.left-curve{
    background:#8aca05;
}
.jx-membership-basic-22.mem22-current .mem22-current-head b.left-curve{
    background:#00a9f0;
}
.jx-membership-premium-22.mem22-current .mem22-current-head b.left-curve{
    background:#ff5d17;
}
.jx-membership-elite-22.mem22-current .mem22-current-head b.left-curve{
    background:#ffde17;
}
.jx-membership-free-22.mem22-current .mem22-current-head b.left-curve::before,
.jx-membership-basic-22.mem22-current .mem22-current-head b.left-curve::before,
.jx-membership-premium-22.mem22-current .mem22-current-head b.left-curve::before,
.jx-membership-elite-22.mem22-current .mem22-current-head b.left-curve::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 7px;
    background: #f7f9fc;
}

.jx-membership-free-22.mem22-current .mem22-current-head b.right-curve,
.jx-membership-basic-22.mem22-current .mem22-current-head b.right-curve,
.jx-membership-premium-22.mem22-current .mem22-current-head b.right-curve,
.jx-membership-elite-22.mem22-current .mem22-current-head b.right-curve{
    position: absolute;
    right: -20px;
    top: 0px;
    height: 100%;
    width: 20px;
    background: #00a9f0;
}
.jx-membership-free-22.mem22-current .mem22-current-head b.right-curve{
    background:#8aca05;
}
.jx-membership-basic-22.mem22-current .mem22-current-head b.right-curve{
    background:#00a9f0;
}
.jx-membership-premium-22.mem22-current .mem22-current-head b.right-curve{
    background:#ff5d17;
}
.jx-membership-elite-22.mem22-current .mem22-current-head b.right-curve{
    background:#ffde17;
}

.jx-membership-free-22.mem22-current .mem22-current-head b.right-curve::before,
.jx-membership-basic-22.mem22-current .mem22-current-head b.right-curve::before,
.jx-membership-premium-22.mem22-current .mem22-current-head b.right-curve::before,
.jx-membership-elite-22.mem22-current .mem22-current-head .right-curve::before {
    content: "";
    right: 0;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    border-bottom-left-radius: 7px;
    background: #f7f9fc;
}
.jx-membership-free-22.mem22-current .mem22-btn button,
.jx-membership-basic-22.mem22-current .mem22-btn button,
.jx-membership-premium-22.mem22-current .mem22-btn button,
.jx-membership-elite-22.mem22-current .mem22-btn button,
.jx-membership22-details-free.mem22-current .mem22-btn button,
.jx-membership22-details-basic.mem22-current .mem22-btn button,
.jx-membership22-details-premium.mem22-current .mem22-btn button,
.jx-membership22-details-elite.mem22-current .mem22-btn button{
    background: rgb(214,214,214) !important;
    background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(150,150,150,1) 100%) !important;
    outline:1px solid #c4c4c4 !important;
    border:1px solid #ffffff !important;
    color:#ffffffc2 !important;
    cursor:revert !important;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-stage{
    padding-top: 40px;
    padding-bottom: 35px;
    display: flex;
    align-items: center;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-item:nth-child(4),
.jx-membership-table-wrapper-22.owl-carousel .owl-item:nth-child(8){
    width:285px !important;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-item{
    margin-right:15px !important;
    margin-left:0 !important;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-nav{
    position: absolute;
    top: 49%;
    width: 100%;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-nav .owl-next,
.jx-membership-table-wrapper-22.owl-carousel .owl-nav .owl-prev{
    height: 50px;
    width: 50px;
    background: #00000029;
    border-radius: 100px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 37px;
    position:absolute;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-nav .owl-next{
    right:0px;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-nav .owl-prev{
    left:-13px;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-item:nth-child(1){
    z-index:50;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-item:nth-child(2){
    z-index:40;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-item:nth-child(3){
    z-index:30;
}
.jx-membership-table-wrapper-22.owl-carousel .owl-item:nth-child(4){
    z-index:20;
}
/*JX-Membership-2022-View-Details*/
.jx-membership22-details-wrap{
    display: flex;
    width: 100%;
    padding: 50px 0 50px 0;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid{
    display:block;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid ul li{
    padding-left: 0;
    padding-right: 0;
    height: 115px;
}
.jx-membership22-details-wrap-fluid-without-elite.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid ul li h6,
.jx-membership22-details-wrap-fluid-without-elite.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid ul li span{
    margin-left: 7%;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid .feature-status22-box{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.jx-membership22-details-wrap-fluid-without-elite.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid .feature-status22-box{
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid .feature-status22-box span{
    width: calc(25% - 10px);
    text-align: center;
    padding: 5px 15px;
    line-height: 21px;
    min-height: 35px;
    border-radius: 5px;
    border: 1px solid #d3cfcf;
    margin-left:0px !important;
}
.mem22-free-current{
    border:1px solid #8aca05 !important;
}
.mem22-basic-current{
    border:1px solid #00a9f0 !important;
}
.mem22-premium-current{
    border:1px solid #ff5d17 !important;
}
.mem22-elite-current{
    border:1px solid #ffde17 !important;
}
.jx-membership22-details-wrap-fluid .jx-membership22-details-features-list{
    width: calc(100% - 0px);
    padding: 0 11px 11px 11px !important;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    background: #fff;
    border-radius: 10px;
}
.jx-membership22-details-features-title{
    width: 100%;
    height: 80px;
    display: flex;
    background: rgb(67,91,110);
    background: linear-gradient(180deg, rgba(67,91,110,1) 0%, rgba(38,66,80,1) 100%);
    align-items: center;
    padding: 15px;
    border-top-left-radius: 10px;
}
.jx-membership22-details-features-title i{
    font-size:16px;
}
.jx-membership22-details-features-title h3{
    color: #fff;
    font-size: 22px;
    font-family: "Poppins";
    font-weight: 300;
}
.jx-membership22-details-wrap ul{
    list-style:none !important;
    padding:0 !important
}
.jx-membership22-details-wrap ul li{
    height: 66px;
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #454a52;
    font-size: 13px;
    font-family: "Poppins";
    font-weight: 400;
}
.jx-membership22-details-wrap ul li h6{
    color: #111316;
    font-size: 16px;
    font-family: "Poppins";
    font-weight: 400;
}
.jx-membership22-details-wrap ul li span{
    color: #454a52;
    font-size: 13px;
    font-family: "Raleway";
    font-weight: normal;
    line-height: 13px;
}
.jx-membership22-details-wrap ul li i.check-icon{
    color:#82cf13;
    font-size:20px;
}
.jx-membership22-details-wrap ul li i.cross-icon{
    color:#ff2a18;
    font-size:22px;
}
.jx-membership22-details-wrap ul li:nth-child(even){
    background:#f9f9f9;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid ul li:nth-child(even){
    background:#fff;
}
.jx-membership22-details-features ul li:last-child{
    border-bottom-left-radius:10px;
}
.jx-membership22-details-features{
    width:298px;
    background: #ffffff;
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
    position: relative;
    margin-top:85px;
    text-align: left;
    color: #111316;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    height:1136px;
}
.jx-membership22-details-memberships{
    width: calc(100% - 298px);
}
.jx-membership22-details-memberships.jx-membership22-details-memberships-fluid{
    width: 100% !important;
}
.jx-membership22-details-memberships::-webkit-scrollbar{
    width: 5px;
    height: 7px;
    background: #f3f3f3;
    right: 20px;
    border-radius: 50px;
}
.jx-membership22-details-memberships::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #dbe0e9;
}
.jx-membership22-details-memberships::-webkit-scrollbar-track{
    border-radius: 5px;
}
.jx-membership22-details-memberships-inner{
    display: flex;
    justify-content: space-evenly;
}
.jx-membership22-details-memberships-fluid .jx-membership22-details-free,
.jx-membership22-details-memberships-fluid .jx-membership22-details-basic,
.jx-membership22-details-memberships-fluid .jx-membership22-details-premium,
.jx-membership22-details-memberships-fluid .jx-membership22-details-elite{
    width: calc(25% - 15px);
    border-bottom:none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.jx-membership22-details-free,
.jx-membership22-details-basic,
.jx-membership22-details-premium,
.jx-membership22-details-elite{
    width:190px;
    background: #ffffff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    position: relative;
    text-align: center;
    color: #111316;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);
}
.jx-membership22-details-free{
    border-bottom: 7px solid #8aca05;
}
.jx-membership22-details-basic{
    border-bottom: 7px solid #00a9f0;
}
.jx-membership22-details-premium{
    border-bottom: 7px solid #ff5d17;
}
.jx-membership22-details-elite{
    border-bottom: 7px solid #f5d81c;
}
.jx-membership22-details-free .mem22-details-topsec,
.jx-membership22-details-basic .mem22-details-topsec,
.jx-membership22-details-premium .mem22-details-topsec,
.jx-membership22-details-elite .mem22-details-topsec{
    height:85px;
    position:relative;
}
.jx-membership22-details-free .mem22-details-topsec h2,
.jx-membership22-details-basic .mem22-details-topsec h2,
.jx-membership22-details-premium .mem22-details-topsec h2,
.jx-membership22-details-elite .mem22-details-topsec h2{
    font-size: 21px;
    font-family: "Poppins";
    font-weight: 600;
    line-height: 15px;
    margin-top: -22px;
}
.jx-membership22-details-memberships-fluid .jx-membership22-details-free .mem22-details-topsec h2,
.jx-membership22-details-memberships-fluid .jx-membership22-details-basic .mem22-details-topsec h2,
.jx-membership22-details-memberships-fluid .jx-membership22-details-premium .mem22-details-topsec h2,
.jx-membership22-details-memberships-fluid .jx-membership22-details-elite .mem22-details-topsec h2{
    margin-top: -28px;
}
.jx-membership22-details-elite .mem22-details-topsec h2{
    font-size: 29px;
    font-family: 'Praise', cursive;
    font-weight: normal;
}
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper{
    position: absolute;
    left: 12px;
    top: 23px;
}
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon{
    display: inline-block;
    position:relative;
}
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper b,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper b,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper b{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    z-index: 11;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}
.jx-membership22-details-basic .mem22-details-topsec  .mem22-ribbon-wrapper b{
    top: -10px;
}
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper b{
    top: -14px;
}
.jx-membership22-details-elite .mem22-details-topsec  .mem22-ribbon-wrapper b{
    top: -18px;
    color:#000 !important;
}
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:after,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:after,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:after {
    content: "";
    display: block;
    position: absolute;
    height: 48px;
    bottom: -8px;
 }
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:after{
    border: 12px solid #00a9f0;
 }
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:after {
    border: 12px solid #ff5d17;
 }
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:after {
    border: 12px solid #ffde17;
 }
.jx-membership22-details-basic .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-premium .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before,
.jx-membership22-details-elite .mem22-details-topsec .mem22-ribbon-wrapper .mem22-ribbon:before{
    border-bottom-color: transparent;
    bottom: -40px;
}
.jx-membership22-details-free .mem22-details-topsec .mem22-badge,
.jx-membership22-details-basic .mem22-details-topsec .mem22-badge,
.jx-membership22-details-premium .mem22-details-topsec .mem22-badge,
.jx-membership22-details-elite .mem22-details-topsec .mem22-badge{
    position: relative;
    top: -36px;
}
.jx-membership22-details-premium .mem22-details-topsec .mem22-offer{
    background: rgb(255,139,55);
    background: linear-gradient(180deg, rgba(255,139,55,1) 0%, rgba(255,0,0,1) 100%);
    color: #fff;
    position: absolute;
    height: 50px;
    width: 50px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 50px;
    top: 0;
    right: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    text-align: left;
    text-indent: 11px;
}
.jx-membership22-details-premium .mem22-details-topsec .mem22-offer span{
    font-family: "Raleway";
    font-size: 19px;
    position: absolute;
    top: 0px;
    right: 2px;
}
.jx-membership22-details-premium .mem22-details-topsec .mem22-offer b{
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    bottom: 1px;
    right: 3px;
    letter-spacing: 1px;
}
.jx-membership22-details-free .mem22-details-topsec .mem22-badge img,
.jx-membership22-details-basic .mem22-details-topsec .mem22-badge img,
.jx-membership22-details-premium .mem22-details-topsec .mem22-badge img,
.jx-membership22-details-elite .mem22-details-topsec .mem22-badge img{
    width:80px;
}
.jx-membership22-details-memberships-fluid .jx-membership22-details-free .mem22-details-topsec .mem22-badge img,
.jx-membership22-details-memberships-fluid .jx-membership22-details-basic .mem22-details-topsec .mem22-badge img,
.jx-membership22-details-memberships-fluid .jx-membership22-details-premium .mem22-details-topsec .mem22-badge img{
    width:80px;
}
.jx-membership22-details-memberships-fluid .jx-membership22-details-elite .mem22-details-topsec .mem22-badge img{
    width:80px;
}
.jx-membership22-details-free .mem22-details-pricesec,
.jx-membership22-details-basic .mem22-details-pricesec,
.jx-membership22-details-premium .mem22-details-pricesec,
.jx-membership22-details-elite .mem22-details-pricesec{
    color: #fff;
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    padding-top: 6px;
}
.jx-membership22-details-free .mem22-details-pricesec{
    background: rgb(203,209,2);
    background: linear-gradient(180deg, rgba(203,209,2,1) 0%, rgba(138,202,5,1) 100%);
}
.jx-membership22-details-basic .mem22-details-pricesec{
    background: rgb(11,210,209);
    background: linear-gradient(180deg, rgba(11,210,209,1) 0%, rgba(0,169,240,1) 100%);
}
.jx-membership22-details-premium .mem22-details-pricesec{
    background: rgb(255,185,7);
    background: linear-gradient(180deg, rgba(255,185,7,1) 0%, rgba(255,93,23,1) 100%);
}
.jx-membership22-details-elite .mem22-details-pricesec{
    background: rgb(148,7,221);
    background: linear-gradient(180deg, rgba(148,7,221,1) 0%, rgba(94,7,156,1) 100%);
}
.jx-membership22-details-free .mem22-details-pricesec h2,
.jx-membership22-details-basic .mem22-details-pricesec h2,
.jx-membership22-details-premium .mem22-details-pricesec h2,
.jx-membership22-details-elite .mem22-details-pricesec h2{
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: 500;
    position: relative;
    width:100%;
}
.jx-membership22-details-premium .mem22-details-pricesec h2 s{
    font-weight:200;
    font-size: 30px;
}
.jx-membership22-details-free .mem22-details-pricesec h2:after,
.jx-membership22-details-basic .mem22-details-pricesec h2:after,
.jx-membership22-details-premium .mem22-details-pricesec h2:after,
.jx-membership22-details-elite .mem22-details-pricesec h2:after{
    content: "";
    width: 15px;
    height: 23px;
    background: url("../images/membership/icon-taka-white.png") no-repeat top center;
    position: absolute;
}
.jx-membership22-details-free .mem22-details-pricesec span,
.jx-membership22-details-basic .mem22-details-pricesec span,
.jx-membership22-details-premium .mem22-details-pricesec span,
.jx-membership22-details-elite .mem22-details-pricesec span{
    font-family: "Raleway";
    font-size: 14px;
    font-weight: normal;
    display: block;
    line-height: 14px;
}
.modal{
    z-index:99999999999999999999999999 !important;
}
#membership_modal_22.modal{
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right:inherit !important;
    bottom:inherit !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    z-index:99999999999999999999999999 !important;
}
.modal-backdrop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999 !important;
    background-color: #000;
}
#membership_modal_22 .modal-dialog{
    max-width:808px;
    width:808px;
}
#membership_modal_22 .modal-content{
    border-radius:10px;
}
#membership_modal_22 .modal-header{
    background:#f5d81c;
    text-align:center;
    height:60px;
    position:relative;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
#membership_modal_22 .modal-header h5.modal-title{
    font-size:21px;
    font-family: "Poppins";
    font-weight:400 !important;
    width:100%;
    line-height:42px;
}
#membership_modal_22 .modal-header h5.modal-title:before{
    content:url("../images/icons/icon-payment-confirmation.png");
    position:relative;
    left:-6px;
    top:5px;
}
#membership_modal_22 .modal-header .close{
    position:absolute;
    top:20px;
    right:20px;
}
#membership_modal_22 .modal-header .close span{
    height:22px;
    width:22px;
    display:block;
    background:url("../images/icons/jx-sign-close.png");
}
.modal-body-payment-confirmation22{
    padding:20px 30px 10px 30px !important;
}
.modal-body-payment-confirmation22 h6{
    color:#454a52;
    font-size:18px;
    font-weight:300;
    text-align:center;
}
.payment-confirmation-body-options-wrap22{
    display: inline-flex;
    background: #fff;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    margin-top:20px;
}
.payment-confirmation-body-options-wrap22 .option22{
    background: #fff;
    height: 115px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 15px;
    border-radius: 10px;
    cursor: pointer;
    padding:10px;
    transition: all 0.3s ease;
    position: relative;
    flex-direction: column;
}
.payment-confirmation-body-options-wrap22 .option22.basic22-option-1{
    background:#dcf8ff;
    outline-top:1px solid #c2f2ff;
    outline-right:1px solid #c2f2ff;
    outline-left:1px solid #c2f2ff;
    border-bottom:4px solid #00a9f0;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2{
    background:#ffeee7;
    outline-top:1px solid #ffe3ca;
    outline-right:1px solid #ffe3ca;
    outline-left:1px solid #ffe3ca;
    border-bottom:4px solid #ff5d17;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3{
    background:#4d0075;
    outline-top:1px solid #4d0075;
    outline-right:1px solid #4d0075;
    outline-left:1px solid #4d0075;
    border-bottom:4px solid #f5d81c;
}
.payment-confirmation-body-options-wrap22 label.option22.basic22-option-1{
    margin-left:0 !important;
}
.payment-confirmation-body-options-wrap22 label.option22.elite22-option-3{
    margin-right:0 !important;
}
.payment-confirmation-body-options-wrap22 .option22 .dot{
    height: 20px !important;
    width: 20px !important;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}
.payment-confirmation-body-options-wrap22 .option22.basic22-option-1 .dot{
    background: #dcf8ff;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 .dot{
    background: #ffeee7;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 .dot{
    background: #4d0075;
}
.payment-confirmation-body-options-wrap22 .option22 .dot::before{
    position: absolute;
    content: "";
    top: 2px;
    left: 2px;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}
.payment-confirmation-body-options-wrap22 .option22.basic22-option-1 .dot{
    border:2px solid #00a9f0;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 .dot{
    border:2px solid #ff5d17;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 .dot{
    border:2px solid #f5d81c;
}
.payment-confirmation-body-options-wrap22 .option22.basic22-option-1 .dot::before{
    background: #00a9f0;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 .dot::before{
    background: #ff5d17;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 .dot::before{
    background: #f5d81c;
}
.payment-confirmation-body-options-wrap22 input.radio22[type="radio"]{
    display: none;
}
#basic22-option-1:checked:checked ~ .basic22-option-1,
#premium22-option-2:checked:checked ~ .premium22-option-2,
#elite22-option-3:checked:checked ~ .elite22-option-3{
    box-shadow:0 0 10px 0px #00000059;
}
#basic22-option-1:checked:checked ~ .basic22-option-1 .dot{
    background: #dcf8ff;
    border:2px solid #00a9f0;
}
#premium22-option-2:checked:checked ~ .premium22-option-2 .dot{
    background: #ffeee7;
    border:2px solid #ff5d17;
}
#elite22-option-3:checked:checked ~ .elite22-option-3 .dot{
    background: #4d0075;
    border:2px solid #f5d81c;
}
#basic22-option-1:checked:checked ~ .basic22-option-1 .dot::before,
#premium22-option-2:checked:checked ~ .premium22-option-2 .dot::before,
#elite22-option-3:checked:checked ~ .elite22-option-3 .dot::before{
    opacity: 1;
    transform: scale(1);
}
/*
.payment-confirmation-body-options-wrap22 .option22 span{
    font-size: 20px;
    color: #808080;
}
#basic22-option-1:checked:checked ~ .basic22-option-1 span,
#premium22-option-2:checked:checked ~ .premium22-option-2 span,
#elite22-option-3:checked:checked ~ .elite22-option-3 span{
    color: #fff;
}*/
.payment-confirmation-body-options-wrap22 .option22 .pc-badge22{
    position:absolute;
    width:45px;
    bottom:-22px;
}
.payment-confirmation-body-options-wrap22 .option22 .pc-badge22 img{
    width:43px;
    height:auto;
}
.payment-confirmation-body-options-wrap22 .option22 h4,
.payment-confirmation-body-options-wrap22 .option22 span.price-moto{
    font-size:14px;
    color:#30363a;
    text-align:center;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 h4,
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 span.price-moto{
    color:#fff;
}
.payment-confirmation-body-options-wrap22 .option22 h4 span,
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 span.price-moto{
    font-weight:300 !important;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 span.price-moto b{
    font-weight:600 !important;
}
.payment-confirmation-body-options-wrap22 .option22 h3{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top:3px;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 h3{
    text-align: left;
    text-indent:16px;
}
.payment-confirmation-body-options-wrap22 .option22.basic22-option-1 h3{
    color:#00a9f0;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 h3{
    color:#ff5d17;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 h3 s{
    font-weight: 200;
    font-size: 26px !important;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 h3{
    color:#ffde17;
}
.payment-confirmation-body-options-wrap22 .option22.basic22-option-1 h3:after{
    content: "";
    width: 12px;
    height: 17px;
    background: url("../images/membership/icon-taka-blue.png") no-repeat top center;
    position: absolute;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 h3:after {
    content: "";
    width: 12px;
    height: 17px;
    background: url("../images/membership/icon-taka-orange.png") no-repeat top center;
    position: absolute;
}
.payment-confirmation-body-options-wrap22 .option22.elite22-option-3 h3:after{
    content: "";
    width: 12px;
    height: 17px;
    background: url("../images/membership/icon-taka-yellow.png") no-repeat top center;
    position: absolute;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 .mem22-offer{
    position: absolute;
    right: -10px;
    top: 8px;
    height: 30px;
    width: 55px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #402515;
    background: rgb(91,67,52);
    background: linear-gradient(90deg, rgba(91,67,52,1) 4%, rgba(102,76,60,1) 67%, rgba(122,100,86,1) 100%);
    font-size: 26px;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    padding-left: 5px;
    text-indent:0px !important;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 .mem22-offer span{
    font-family: "Raleway";
    font-size: 14px;
    position: absolute;
    top: -4px;
    right: 7px;
}
.payment-confirmation-body-options-wrap22 .option22.premium22-option-2 .mem22-offer b{
    font-family: 'Oswald', sans-serif;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    bottom: -7px;
    right: 5px;
}
.payment-confirmation-calculation-promocode-wrap{
    width: 100%;
    display: flex;
    margin: 30px 0 30px 0;
    justify-content: space-between;
}
.payment-confirmation-calculation,
.payment-confirmation-promocode{
    width:358px;
}
.payment-confirmation-calculation{
    list-style:none;
    margin:0;
    padding:0;
}
.payment-confirmation-calculation li{
    width: 100%;
    display: flex;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    color: #454a52;
    justify-content: space-between;
}
.payment-confirmation-calculation li .slct-box{
    width: 85px;
    border:1px solid #cbcbcb;
    position: relative;
    z-index: 99;
    background: none;
    overflow:hidden;
    position: relative;
    border-radius: 3px;
    padding:3px 5px;
}
.payment-confirmation-calculation li .slct-box:after{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #cbcbcb;
    position: absolute;
    top: 40%;
    right: 10px;
    content: "";
    z-index: 0;
 }
.payment-confirmation-calculation li .slct-box select{
    width: 105px;
    border: none;
    background: none;
    outline: none;
    z-index: 1;
    position: relative;
}
.payment-confirmation-calculation li label{
    width: calc(100% - 105px);
    line-height: 28px;
}
.payment-confirmation-calculation li span{
    display:block;
    width:105px;
    padding:0 10px;
}
.payment-confirmation-calculation li span b{
    font-size: 16px;
    color: #30343a;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
}
.payment-confirmation-calculation li.total-payable22{
    background:#fff8c7;
}
.payment-confirmation-calculation li.total-payable22 label{
    font-weight:600;
    text-align:right;
    color:#30343a;
}
.payment-confirmation-promocode{
    min-height: 118px;
    border: 1.5px dashed #f5d81c;
    border-radius: 10px;
    position: relative;
    padding: 15px 25px 10px 25px;
    font-family: "Poppins";
}
.payment-confirmation-promocode:before{
    content: "";
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
    height: 24px;
    width: 12px;
    background: #fff;
    border: 1px dashed #f5d81c;
    border-left: none;
    display:block;
    position:absolute;
    top:43%;
    left:-2px;

}
.payment-confirmation-promocode:after{
    content: "";
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
    height: 24px;
    width: 12px;
    background: #fff;
    border: 1px dashed #f5d81c;
    border-right: none;
    display:block;
    position:absolute;
    top:43%;
    right:-2px;
}
.payment-confirmation-promocode b{
    font-weight:600;
    color:#30343a;
}
.payment-confirmation-promocode p.promocode-successful22,
.payment-confirmation-promocode p.promocode-successful22 b{
    color:#13bf30;
}
.payment-confirmation-promocode p.promocode-unsuccessful22,
.payment-confirmation-promocode p.promocode-unsuccessful22 b{
    color:#ff0505;
}
.payment-confirmation-promocode .input-group{
    margin:10px 0;
}
.payment-confirmation-promocode .input-group .form-control{
    padding: 1.5rem .75rem;
    border-radius: 5px 0 0 5px;
    font-size: 14px;
    color: #8d8d8d;
    outline: none;
}
.payment-confirmation-promocode .input-group .form-control::placeholder,
.payment-confirmation-promocode .input-group .form-control:-ms-input-placeholder,
.payment-confirmation-promocode .input-group .form-control::-ms-input-placeholder{
      color: #8d8d8d;
}
.payment-confirmation-promocode .input-group .yellow-btn{
    background: #f5d81c;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
    color: #363636;
    font-size: 14px;
    width: 80px;
    border: none;
    outline:none;
    border-radius: 0 5px 5px 0;
}
.modal-body-payment-confirmation22 .ssl-msg-div{
    border: 1px solid #dee2e6;
    padding: 15px 15px 5px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 10px;
}
.modal-body-payment-confirmation22 .ssl-msg-div img{
    width:97px;
    max-width: 25%;
    position: absolute;
    top: -20%;
}
.modal-body-payment-confirmation22 .ssl-msg{
    color:#454a52;
    font-size:14px !important;
}
.modal-body-payment-confirmation22 .terms label{
    font-size:13px !important;
}
.modal-body-payment-confirmation22 .terms label span.dot{
    border: 2px solid rgb(245 217 29) !important;
}
#membership_modal_22 .modal-footer{
    justify-content: center !important;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
}
#membership_modal_22 .modal-footer .btn-cancel,
#membership_modal_22 .modal-footer .btn-checkout{
    width:150px;
    height:40px;
    line-height:32px;
    font-size:14px;
    color:#333;
    border-radius:100px;
    margin:5px 20px 0px 20px;
}
#membership_modal_22 .modal-footer .btn-cancel{
    background:#ededed !important;
    border:1px solid #dbdbdb !important;
}
#membership_modal_22 .modal-footer .btn-checkout{
    background:#f5d91d !important;
    border:1px solid #e6cc1a !important;
}
.mem22-ribbon-vertical-wrap{
    display: none;
    justify-content: center;
    margin-top: 4px;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid ul li:last-child{
    background:#f9f9f9;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding-top:0 !important;
    padding-bottom:0 !important;
    height:90px !important;
}
.feature-status22-box.membership-select-btns22 span{
    border:none !important;
}
.feature-status22-box.membership-select-btns22 span button{
    width: 80%;
    height: 38px;
    border-radius: 50px;
    font-family: "Poppins";
    font-weight: 500;
    color: #fff;
    border: 1px solid #ffffff9e;
    cursor: pointer;
    font-size:16px;
}
.membership-select-btns22 span.mem22-btn-free button{
    background: rgb(203,209,2);
    background: linear-gradient(180deg, rgba(203,209,2,1) 0%, rgba(138,202,5,1) 100%);
    outline: 1px solid #8aca05;
}
.membership-select-btns22 span.mem22-btn-basic button{
    background: rgb(11,210,209);
    background: linear-gradient(180deg, rgba(11,210,209,1) 0%, rgba(0,169,240,1) 100%);
    outline: 1px solid #00a9f0;
}
.membership-select-btns22 span.mem22-btn-premium button{
    background: rgb(255,185,7);
    background: linear-gradient(180deg, rgba(255,185,7,1) 0%, rgba(255,93,23,1) 100%);
    outline: 1px solid #ffa60a;
}
.membership-select-btns22 span.mem22-btn-elite button{
    background: rgb(255,222,23);
    background: linear-gradient(180deg, rgba(255,222,23,1) 0%, rgba(255,183,7,1) 100%);
    outline: 1px solid #ffb707;
    color: #231f20 !important;
    font-size: 16px;
}
.membership-select-btns22 span.mem22-btn-free.selected-disabled-btn22 button,
.membership-select-btns22 span.mem22-btn-basic.selected-disabled-btn22 button,
.membership-select-btns22 span.mem22-btn-premium.selected-disabled-btn22 button,
.membership-select-btns22 span.mem22-btn-elite.selected-disabled-btn22 button{
    background: rgb(214,214,214) !important;
    background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(150,150,150,1) 100%) !important;
    outline: 1px solid #c4c4c4 !important;
    border: 1px solid #ffffff !important;
    color: #ffffffc2 !important;
    cursor: revert !important;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid .mem22-offer-mob{
    display:none;
}
.jx-membership22-details-wrap.jx-membership22-details-wrap-fluid .feature-status22-box.membership-select-btns22{
    margin-top:0 !important;
}
/*========================================END=================================================
==============================JX-Membership-Table-2022=========================================*/

#membership_modal_22.modal {
    margin-right: 0 !important;
}

/*Social: News - blogs - jobs*/
.details-subheading.details-subheading-22,
.blog-subheading.blog-subheading-22{
    display: flex;
    justify-content: space-between;
    padding: 20px 0px 10px 0px !important;
}
.job-share-22{
    display: flex;
    justify-content: flex-end;
    padding: 20px 0px 10px 0px !important;
}
.details-subheading.details-subheading-22 .details-details-share-ico,
.blog-subheading.blog-subheading-22 .blog-details-share-ico,
.job-share-22 .details-details-share-ico{
    background:none;
    border:none;
    height: 30px !important;
    width: 30px !important;
    line-height: 25px !important;
    font-size:21px !important;
    margin-right:0 !important;
}
.details-subheading.details-subheading-22 .details-details-share-ico i,
.blog-subheading.blog-subheading-22 .blog-details-share-ico i,
.job-share-22 .details-details-share-ico i{
    line-height:30px !important;
}
.job-share-22 .details-details-share-ico i{
    color:#c3c3c3;
}
.details-subheading.details-subheading-22 a.at-icon-wrapper,
.blog-subheading.blog-subheading-22 a.at-icon-wrapper,
.job-share-22 a.at-icon-wrapper{
    height:30px !important;
    width:30px !important;
    position:relative;
}
.job-share-22 a.at-icon-wrapper{
    border-radius:100px !important;
    margin-left:4px;
    margin-right:5px;
}
.details-subheading.details-subheading-22 span.at-icon-wrapper,
.blog-subheading.blog-subheading-22 span.at-icon-wrapper,
.job-share-22 span.at-icon-wrapper{
    height:26px !important;
    width:26px !important;
    margin:0px !important;
    position:absolute;
    left:0;
    right:0;
}
.job-share-22 .at-label{
    display:none;
}
.details-subheading.details-subheading-22 .at-icon-facebook,
.details-subheading.details-subheading-22 .at-icon-twitter,
.details-subheading.details-subheading-22 .at-icon-linkedin,
.blog-subheading.blog-subheading-22 .at-icon-facebook,
.blog-subheading.blog-subheading-22 .at-icon-twitter,
.blog-subheading.blog-subheading-22 .at-icon-linkedin{
    height: 23px !important;
    width: 26px !important;
    margin: -18px 0 0 2px !important;
}
.job-share-22 .at-icon-facebook,
.job-share-22 .at-icon-twitter,
.job-share-22 .at-icon-linkedin{
    height: 23px !important;
    width: 26px !important;
    margin: -2px 0 0 2px !important;
}
.description.details-section.details-section-22{
    position:relative;
}
.description.details-section.details-section-22 .job-share-22 {
    position:absolute;
    top:-20px;
    right:0;
    z-index: 1;
}
.description.details-section.details-section-22 h4{
    position:relative;
    z-index: 0;
}

/* Apply PopUp 22 */
.apply-popup-22 .apply-popup-modal .modal-dialog{
    max-width: 773px !important;
}
.apply-popup-22 .apply-popup-modal{
    position: fixed;
    top: 50%;
    left: 50%;
    right:initial;
    bottom:initial;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.apply-popup-22 .apply-popup-modal .modal-dialog .modal-content{
    border-radius:10px;
    width: 773px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-header{
    background:#f5d91d;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    text-align: left;
    font-size: 16px;
    font-family: "Poppins";
    font-weight: 600;
    color:#444849;
    padding:15px 20px 15px 27px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-header h5{
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    color: #232630;
}
.apply-popup-22 .modal-dialog .modal-content .modal-header .modal-title{
    display:flex;
}
.apply-popup-22 .modal-dialog .modal-content .modal-header i{
    font-size:20px;
    margin-right:5px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-header .close{
    color:#444849;
    border:none;
    opacity:1;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body{
    padding:20px 27px 27px 27px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .apply-title-n-company-22{
    display: flex;
    justify-content: flex-start;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .apply-title-22{
    padding-right:20px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .apply-title-22,
.apply-popup-22 .modal-dialog .modal-content .modal-body .apply-company-22{
    width:50%;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .apply-title-n-company-22 strong{
    font-size: 16px;
    font-family: "Poppins";
    font-weight: 600;
    color:#444849;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body #apply-info{
    line-height: 20px;
    padding-bottom: 25px;
    display: block;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body #apply-info em{
    font-style:normal !important;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group{
    margin-bottom:10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .cover-letter-22,
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-attach-verify-wrap{
    width:48%;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .file-input-wrap label{
    background: #ffffff;
    border-radius: 5px;
    outline: 1px dashed #efd000;
    width: 100%;
    display: block;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px;
    cursor: pointer;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .file-input-wrap label i{
    font-size:20px;
    color:#efd000;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .file-input-wrap label b{
    display: block;
    font-size: 13px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-attach-verify-wrap{
    display: flex;
    flex-direction: column;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 h6{
    font-size: 13px;
    font-weight: normal;
    font-family: 'Raleway';
    margin-bottom:7px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 h6.wrong-22{
    color:red;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 h6.success-22{
    color:green;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22{
    margin-top:11px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .form-control{
    height: 40px;
    border: 0;
    border: 1px solid #e1e1e1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.4rem;
    font-family: 'Poppins';
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 .input-group-append{
    background: #f7f9fc;
    font-size: 14px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 .input-group-append .btn{
    font-size: 14px;
    font-weight: bold;
    font-family: 'Poppins';
    width: 120px;
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #c1c1c1;
    border-top-right-radius: 5px;
    outline: none;
    border-bottom-right-radius: 5px;
    box-shadow: none;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .cover-letter-22{
    height:185px;
    border-radius:6px !important;
    background:url("../images/bg/apply-cover-note-bg.jpg") no-repeat center;
}
.apply-popup-22 #job-apply-instruction strong,
.apply-popup-22 #job-apply-instruction,
.apply-popup-22 #apply-notes strong,
.apply-popup-22 #apply-notes{
    color: #8f8f8f;
    font-size: 14px;
    line-height: 20px;
}
.apply-popup-22 #apply-notes strong{
    font-size:13px;
}
.apply-popup-22 .more-option.terms label{
    font-weight: normal !important;
    color: #3a3a3a !important;
    margin-top: 14px;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .more-option label .dot{
    border: 1px solid #f5d91d !important;
    border-radius: 2px !important;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .button{
    width:50% !important;
    margin:0 auto !important;
}
.apply-popup-22 .btn-yellow.disabled,.apply-popup-22 .btn-yellow:disabled{
    background-color: #f7f9fc !important;
    border:1px solid #e1e1e1 !important;
    box-shadow:none !important;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 #mobile_verify_error,
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 #mobile_verify_message,
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 #mobile_verify_box{
    width: 100% !important;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 #mobile_verify_box{
    margin-top: 15px !important;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 #mobile_verify_box .input-group-append{
    justify-content: center;
    margin-top: 15px;
    background: none;
}
.apply-popup-22 .modal-dialog .modal-content .modal-body .form-group .apply-mobile-verify-22 #mobile_verify_box #verify_code_error_message{
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}
/* END Apply PopUp 22 */