/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.checkout_area{
    position: relative;
    padding: 95px 0 100px;
}
.checkout_area:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 235px;
    background-color: #F7F7F9;
    z-index: 1;
}
.checkout_area .container{
    position: relative;
    z-index: 2;
}

.step_tab{
    box-shadow: 0 0 10px rgba(0,0,0,0.12);
    border-radius: 15px;
    background-color: #fff;
    padding: 25px 25px 55px 25px;
}

/* step-area--start */
.stptab_steps li i, .stptab_steps li em{
    display: block;
}
.stptab_steps li i{
    margin-bottom: 5px;
}
.stptab_steps li em{
    margin-bottom: 10px;
}
.stptab_steps ul{
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
  }
  .stptab_steps ul li{
    position: relative;
    color: #6F7A7C;
    width: 25%;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
  }
  .stptab_steps ul li.active,  .stptab_steps ul li.finish{
      color: #004254;
  }
  .stptab_steps li.active i,  .stptab_steps li.finish i{
      opacity: 1;
  }
  .stptab_steps ul li:last-child{
    margin-right: 0;
  }
  
  .stptab_steps ul li span{
    height: 22px;
    width: 22px;
    border: 1px solid #EDEDF1;
    border-radius: 50%;
    margin: 0 auto 12px;
    font-size: 15px;
    background-color: #fff;
    color: #4d4e4f;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    font-weight: 600;
  }
  
  .stptab_steps ul li:after, .stptab_steps ul li:before{
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #EDEDF1;
    left: 0;
    bottom: 21px;
  }
  
  .stptab_steps ul li:before{
    left: 50%;
  }
  
  .stptab_steps ul li.active:before{
    z-index: 1;
  }
  .stptab_steps ul li.finish:before{
    z-index: 2;
  }
  
  .stptab_steps ul li:last-child:after{
    display: none;
  }
  
  .stptab_steps ul li:first-child:after{
    left: 50%;
  }
  
  .stptab_steps ul li:last-child:before{
   display: none;
  }
  
  
  .stptab_steps ul li span:after{
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  
  
  .stptab_steps ul li.active span:after, .stptab_steps ul li.active span:before{
    background-color: #37AAB2;
  }
  
  .stptab_steps ul li.finish span:after, .stptab_steps ul li.finish span:before{
    background-color: #37AAB2;
  }
  
  
  .stptab_steps ul li.active span{
    color: #fff;
    border-color: #37AAB2;
  }
  
  .stptab_steps ul li.finish span{
    color: #fff;
    border-color: #0073ab;
  }
  
  .stptab_steps ul li.active:after, .stptab_steps ul li.active:before {
      background-color: #37AAB2;
  }
  
  .stptab_steps ul li.finish:after, .stptab_steps ul li.finish:before {
      background-color: #37AAB2;
  }
  


.boking_content{
    padding-top: 25px;
}
.model_Hdng{
    margin-bottom: 30px;
}
.model_Hdng h2{
    font-size: 30px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 10px;
}
.model_Hdng h5{
    font-size: 16px;
    color: #6F7A7C;
}
.car_featuresOuter{
    display: flex;
}
.features_item{
    margin-right: 35px;
}
.features_item:last-child{
    margin-right: 0;
}
.features_item h3{
    color: #004254;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.features_item h5{
    font-size: 15px;
    font-weight: 500;
    color: #6F7A7C;
}

.car_slideOuter{
    margin-top: 35px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.inbtns .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EDEDF1;
    border-radius: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    background-color: transparent;
    background-position: center;
    cursor: pointer;
    transition: 0.5s;
}
.inbtns .slick-prev{
    background-image: url(../images/left-arw.svg);
    left: 0;
}
.inbtns .slick-next{
    background-image: url(../images/right-arw.svg);
    right: 0;
}
.inbtns .slick-arrow:hover{
    border-color: #004254;
}


.slick-slide .card_pic img{
    display: inline-block;
}
.car_slideOuter ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0 0;
}

.car_slideOuter ul.slick-dots li{
    margin-right: 6px;
}
.car_slideOuter ul.slick-dots li:last-child{
    margin-right: 0;
}
.car_slideOuter ul.slick-dots li button{
    height: 4px;
    width: 4px;
    background-color: #C4C4C4;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    font-size: 0;
}
.car_slideOuter ul.slick-dots li.slick-active button{
    height: 6px;
    width: 6px;
    background-color: #6F7A7C;
}
.car_tabs{
    margin: 30px 0 50px;
}
.car_tabs ul{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
.car_tabs ul li{
    margin-right: 13px;
}
.car_tabs ul li:last-child{
    margin: 0;
}

.car_tabs ul li a{
    height: 33px;
    width: 33px;
    border: 1px solid transparent !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.white_model.active{
    border-color: #D6D6D6 !important;
}
.black_model.active{
    border-color: #000 !important;
}
.blue_model.active{
    border-color: #004254 !important; 
}
.red_model.active{
    border-color: #FF7373 !important;
}

.model_selectOuter{
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.model_selectItem{
    width: 50%;
    padding: 0 10px;
}
.model_selectItem label{
    font-size: 16px;
    color: #6F7A7C;
}
.model_selectBx .btn{
    font-size: 15px;
    color: #004254 !important;
    font-weight: 500;
    height: 50px;
    background-color: #EFEFF6 !important;
    border: 0 !important;
    padding: 0 40px 0 20px;
    border-radius: 8px;
}
.model_selectBx .filter-option {
    line-height: 50px;
    padding-top: 0 !important;
}
.model_selectBx .dropdown-item.active, .model_selectBx .dropdown-item:active, .model_selectBx .dropdown-item:hover{
    background: rgba(237, 237, 241, 0.5);
    color: #6F7A7C;
}

.model_selectBx .dropdown-toggle::after{
    border: 0;
}

.model_selectBx .bootstrap-select .dropdown-toggle .caret{
    height: 12px;
    width: 12px;
    background-image: url(../images/dwn-arw.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
/* end-1st-step */

/* start--address_area */

.input_fill{
    margin-bottom: 20px;
}
.input_fill .form-control{
    height: 50px;
    background-color: #f4f4f4;
    padding: 0 35px 0 20px;
    font-size: 15px;
    color: #004254;
    font-weight: 500;
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
    border: 1px solid #6F7A7C;
}
.input_fill .form-control:focus{
    border-color: #37AAB2;
}
.input_fill label{
    font-size: 14px;
    color: #6F7A7C;
}
.input_fill .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #004254;
  }
  .input_fill .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #004254;
  }
  .input_fill .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #004254;
  }
  .input_fill .form-control:-moz-placeholder { /* Firefox 18- */
    color: #004254;
  }

/* end--address_area */

/* start-addons-area */

.addons_tabLinks ul{
    border: 1px solid #EDEDF1;
    padding: 15px 45px;
    justify-content: space-between;
    border-radius: 10px;
}
.addons_tabLinks ul li{
    margin: 0;
}
.addons_tabLinks ul li a{
    padding: 0 10px;
    position: relative;
    border: 0 !important;
    font-weight: 500;
    font-size: 15px;
    color: #6F7A7C;
}
.addons_tabLinks ul li a:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -15px;
    height: 2px;
    background-color: #37AAB2;
    width: 0;
}
.addons_tabLinks .nav-tabs .nav-item.show .nav-link, .addons_tabLinks .nav-tabs .nav-link.active{
    color: #004254;
}

.addons_tabLinks ul li a.active:after{
    width: 100%;
}

.boking_content .row{
    margin: 0 -10px;
}
.pd_10{
    padding: 0 10px;
}
.financing_area{
    padding: 50px 0;
}
.customize_hdngOuter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.customize_hdng h3{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.advert_hdng span{
    display: inline-block;
    background-color: #E8724D;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.consumer_bx{
    border: 1px solid #EDEDF1;
    border-radius: 10px;
    overflow: hidden;
}
.consumer_hdngOuter{
    background-color: #F7F7F9;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}
.consumer_logo{
    width: 102px;
    min-width: 102px;
    margin-right: 20px;
}
.consumer_text{
    padding-left: 20px;
    border-left: 1px solid #CECEDB;
}
.consumer_text p{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}
.consumer_text p span{
    color: #000;
}
/* .consumer_whiteBx_area{
    border: 1px solid #EDEDF1;
    border-top: 0;
} */
.consumer_topSlct_area{
    padding: 30px 20px;
    border-bottom: 1px solid #EDEDF1;
}
.consumer_bttm_area{
    padding: 30px 20px;
}
.consumer_bttm_area h2{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 25px;
}
.consumer_bttm_area h2 span{
    font-size: 22px;
    color: #37AAB2;
    font-weight: 700;
}
.consumer_bttm_area h2 em{
    color: #004254;
}
.consumer_bttm_area h4{
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin-bottom: 18px;
}
.admision_text p{
    font-size: 13px;
    color: #aaaabc;
    font-weight: 500;
}
.admision_text p span{
    color: #000;
}
.consumer_slctItem .input_fill {
    margin-bottom: 0px;
}
.box_table_area{
    padding: 16px 0;
}
.table_innr {
    width: 100%;
    /* overflow-x: auto; */
}
.table_innr th, .table_innr td{
    padding: 0 2.5px;
}
.table_innr th:first-child, .table_innr td:first-child{
    min-width: 200px;
    width: 200px;
}
.table_innr td{
    padding: 15px 10px;
    border-right: 1px solid #EDEDF1;
    border-bottom: 1px solid #EDEDF1;
    text-align: center;
}
.table_innr td:first-child{
    text-align: left;
    border-left: 1px solid #EDEDF1;
}
.table_innr tr:first-child td{
    border-top: 1px solid #EDEDF1;
}
.plan_bx{
    background-color: #F7F7F9;
    padding: 25px 15px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 15px;
}
.plan_bx h3{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 10px;
}
.plan_bx h2{
    font-size: 21px;
    color: #37AAB2;
    font-weight: 700;
    margin-bottom: 0px;
}
.plan_bx h2 sub{
    font-size: 14px;
}
.plan_bx h5{
    font-size: 13px;
    color: #31A61E;
    font-weight: 500;
    margin-top: 10px;
}
.table_innr td h5{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
    line-height: 23px;
}
.table_innr td h5 span{
    display: block;
    opacity: 0.5;
    font-size: 13px;
}
.table_innr tr:last-child td{
    border: 0;
    padding: 20px 5px;
}
.add_btn a{
    display: flex;
    height: 50px;
    border: 1px solid #37AAB2;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #37AAB2;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.add_btn a:hover{
    background-color: #37AAB2;
    color: #fff;
}
.tick_mark {
    color: #31A61E;
}
.cross_mark{
    color: #E8724D;
}

/* .srvc_accorbody{
    display: none;
} */
.table_innr table{
    width: 100%;
}
.table_logo {
    text-align: center;
}
.srvc_accrHdng {
    background-color: #F7F7F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    cursor: pointer;
}
.srvc_name span{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}
.accordian_item{
    margin-bottom: 5px;
    border: 1px solid #EDEDF1;
    border-radius: 4px;
    overflow: hidden;
}
.accortable_innr tr:first-child td.srvc_bx{
    padding: 0;
    border: 0;
}
.table_innr.accortable_innr td:first-child{
    border-left: 0;
}

.table_innr.accortable_innr tr:first-child td {
    border-top: 0;
}
.srvc_accrHdng .accor_arw{
    color: #004254;
    display: inline-block;
    line-height: 100%;
}

.srvc_accrHdng.active .accor_arw{
    transform: rotate(180deg);
}

.table_innr.accortable_innr .srvc_accorbody tr:last-child td{
    padding: 15px 10px;
    border-right: 1px solid #EDEDF1;
}
.accortable_innr .srvc_accorbody td:last-child{
    border-right: 0;
}
.table_innr.accortable_innr .srvc_accorbody tr td:last-child{
    border-right: 0;
}

/* end-addons-area */
/* start-payment-step */

.payemnt_detals{
    padding: 50px 0;
}
.payment_tablinks.addons_tabLinks ul{
    padding: 15px 20px;
}
.payment_tablinks ul li{
    width: 50%;
    text-align: center;
}
.payment_tablinks ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
}
.payment_tablinks ul li a i{
    margin-right: 10px;
    opacity: 0.5;
}
.payment_tablinks ul li a.active i{
    opacity: 1;
}
/* end-paymet-step */




.tabfrom_group {display: none;}
.bfrm_btn {display: flex; justify-content: space-between; margin-top: 25px;}
.bfrm_btn .stp_btn + .stp_btn {margin-left: auto;}


.thnku_msg_box {
    display: none;
}
.false_submit .thnku_msg_box {
    display: block;
}
.false_submit #regForm {
    display: none;
}
.thanks_hdng h3{
    font-size: 22px;
    color: #31A61E;
    font-weight: 700;
}
.thanks_hdng{
    margin-bottom: 20px;
}


/* ==========add addons--col-css=========== */

.plan_row .row{
    margin: 0 -3px;
}
.plan_row .col-md-3{
    padding: 0 3px;
    text-align: center;
}

.srvc_accorbody .col-md-3:first-child{
    text-align: left;
}
.srvc_accorbody .col-md-3{
    padding: 15px 10px;
    border-right: 1px solid #EDEDF1;
    border-bottom: 1px solid #EDEDF1;
}
.srvc_accorbody .row:last-child .col-md-3{
    border-bottom: 0;
}
.srvc_nametext h5{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
    line-height: 23px;
}

.plan_row .table_logo{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.plan_row .add_btn {
    margin: 10px 0 0;
}


/* ============end-leftpanel */
/* end-step-area */

/* start-right-pnl */

.tabcont_right{
    height: 100%;
  }
  .total_outer {
    margin-top: auto;
    width: 100%;
}

.rightpnl_innr{
     height: calc(100% - 40px);
      background-color: #F7F7F9;
      border-radius: 10px;
      display: flex;
      flex-wrap: wrap;
}
.summery_hdng{
    margin-bottom: 20px;
}
.summery_hdng h2{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}
.monthly_topPnl {
    width: 100%;
    padding: 18px;
    height: auto;
    border-bottom: 1px solid #cbcbcb;
}
.rghtpnl_body{
    width: 100%;
}
.accordion{
    width: 100%;
}
.accordion .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}
.accordion .card{
    border: 0;
    margin-bottom: 10px;
    background-color: transparent;
}
.accordion .card:last-child{
    margin-bottom: 0;
}
.acorhdng_outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion .card .btn{
    padding: 13px 10px;
    background-color: #fff;
} 
.accordion .card .btn:hover, .accordion .card .btn:focus{
    text-decoration: none;
}
.hdng_text h5{
    font-size: 16px;
    color: #004254;
    font-weight: 500;
}
.hdng_value h5{
    font-size: 14px;
    color: #6F7A7C;
}
.hdng_text{
    display: flex;
    align-items: center;
}
.hdng_text span{
    height: 18px;
    width: 18px;
    min-width: 18px;
    background-color: #EDEDF1;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 16px;
    color: #004254;
}

.accordion .card-body{
    background-color: transparent;
    padding: 20px 10px;
}
.price_valueRow{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.price_valueRow:last-child{
    margin-bottom: 0;
}
.left_price h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}
.rght_priceTxt h4{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
}
.total_outer{
    padding: 20px 25px;
    border-top: 1px solid #CECEDB;
}
.total_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.total_row h5{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.total_row h3{
    font-size: 16px;
    font-weight: 600;
    color: #31A61E;
}
.finance_item{
    margin-bottom: 20px;
}
.finance_item:last-child{
    margin-bottom: 0;
}
.finance_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.finance_row:last-child{
    margin-bottom: 0;
}
.fiann_text h5{
    color: #6F7A7C;
    font-size: 13px;
    font-weight: 500;
}
.fiann_value h3{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
}
.fiann_text h3{
    font-size: 15px;
    color: #004254;
    font-weight: 600;
}
.grn_text h3{
    color: #31A61E;
    font-weight: 700;
    font-size: 16px;
}
.fiann_text h4{
    font-weight: 500;
    font-size: 13px;
    color: #004254;
}
.gry_text h3{
    color: #6F7A7C;
}
.save_row{
    background-color: #E8724D;
    padding: 10px;
    border-radius: 5px;
}
.save_row h3{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.accordion .card .btn .hdng_text>span{
    transition: 0.4s;
}
.accordion .card .btn .hdng_text>span{
    transform: rotate(180deg);
}
.accordion .card .btn.collapsed .hdng_text>span{
    transform: rotate(0deg);
}


/*---------- start-job-serach-page-------------- */

.chkout_hdng h5{
    font-size: 16px;
    color: #6F7A7C;
    margin: 15px 0 0;
}
.top_jobsrch_row{
    display: flex;
    margin: 0 -5px;
    flex-wrap: wrap;
    position: relative;
    padding-right: 140px;
}
.job_fill .form-control{
    background-color: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 8px;
    height: 65px;
    padding: 0 20px 0 63px;
    font-size: 16px;
    color: #6F7A7C;
    border: 0;
    background-repeat: no-repeat;
    background-position: left 25px top 50%;
}
.job_fill .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6F7A7C;
  }
  .job_fill .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #6F7A7C;
  }
  .job_fill .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #6F7A7C;
  }
  .job_fill .form-control:-moz-placeholder { /* Firefox 18- */
    color: #6F7A7C;
  }
.title_fill{
    background-image: url(../images/job-srch-icon.svg);
    background-repeat: no-repeat;
    background-position: left 25px top 50%;
}
.loacte_fill{
    background-image: url(../images/map-marker.svg);
    background-repeat: no-repeat;
    background-position: left 25px top 50%;
}

.job_titlebx{
    width: 58%;
    padding: 0 5px;
    position: relative;
}
.job_filterArea{
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: #fff;
    box-shadow: 0px 2px 14px rgba(29, 28, 76, 0.0895979);
    border-radius: 8px;
    top: 100%;
    z-index: 9;
    display: none;
    margin: 10px 0 0;
}
.filter_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    transition: 0.4s;
}
.filter_icontxt{
    display: flex;
    align-items: center;
}
.filter_icontxt span {
    display: inline-block;
    margin-right: 10px;
    color: #6F7A7C;
}
.filter_icontxt h5{
    color: #6F7A7C;
    font-size: 15px;
}
.filter_icontxt h5 b{
    color: #000;
    font-weight: 600;
}
.filter_value h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}
.filter_row.active, .filter_row:hover{
    background-color: rgba(237, 237, 241, 0.5);
}

.job_loactionbx{
    width: 42%;
    padding: 0 5px;
}



.find_job{
    position: absolute;
    right: 0;
    top: 0;
}

.job_slct_row{
    display: flex;
    margin: 20px -5px 0;
    flex-wrap: wrap;
    width: 52.5%;
}
.job_slctItem{
    width: 33.33%;
    padding: 0 5px;
}

.job_slctItem .model_selectBx .btn{
    color: #6F7A7C !important;
}

.model_selectBx .dropdown-item{
    font-size: 16px;
    padding: 8px 20px;
    color: #6F7A7C;
}

.job_box_outer{
    padding: 45px 0 0;
}

.job_box_outer .row{
    margin: 0 -10px;
}
.job_box_outer .col-lg-4{
    padding: 0 10px;
}

.job_bxItem{
    background-color: #FFFFFF;
    border: 1px solid #E3E8F4;
    border-radius: 10px;
    padding: 25px 20px;
    margin-bottom: 20px;
}
.job_bxItem:hover{
    background-color: #fff;
}

.top_company_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.company_logotxt, .rating_tags{
    display: flex;
    align-items: center;
}
.company_logotxt span{
    font-size: 15px;
    color: #fff;
    display: inline-block;
}
.company_logotxt span img{
    margin-right: 6px;
}
.tags_icon {
    margin-left: 15px;
}
.tags_icon a {
    color: #CECEDB;
    font-size: 15px;
    display: inline-block;
    line-height: 100%;
}
.jb_rating{
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 13px;
    background-color: rgba(29, 28, 76, 0.078806);
    border-radius: 8px;
}
.jb_rating i{
    /* color: #37AAB2; */
    margin-right: 4px;
    font-size: 18px;
}
.star_color i{
    color: #37AAB2;
}
.jb_rating span{
    font-size: 12px;
    color: #004254;
    font-weight: 700;
    line-height: 100%;
}
.job_hdng h3{
    font-size: 22px;
    color: #203E5A;
    font-weight: 700;
    margin-bottom: 10px;
}
.job_hdng h5{
    font-size: 15px;
    color: #31A61E;
    font-weight: 500;
}

.job_tags{
    margin: 15px 0 25px;
}
.job_tags ul{
    display: flex;
    align-items: center;
}
.job_tags ul li{
    border-radius: 0;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    padding: 5px 13px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.job_tags ul li i{
    margin-right: 3px;
    min-width: 10px;
    font-size: 16px;
}
.job_tags ul li:last-child{
    margin-right: 0;
}

.job_details_para p{
    font-size: 14px;
    color: #6F7A7C;
    margin-bottom: 20px;
    line-height: 23px;
}
.job_details_para p:last-child{
    margin-bottom: 0;
}
.details_btn{
    margin: 25px 0 0;
}

.jbdetails_btn{
    width: 100%;
}



/*---------- end-job-serach-page-------------- */

/*--------- start-job=results-page -------*/

.job_bxItem.active_results{
    background-color: #F6F6FA;
}

.results_rightPnl{
    background-color: #FFFFFF;
    border: 1px solid #E3E8F4;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 15px;
    padding: 40px 30px;
    height: 100%;
}
.progres_tagsouter{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tags_prgrsspnl{
    display: flex;
    align-items: center;
}
.tags_prgrsspnl h5{
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-right: 10px;
}
.tags_prgrsspnl h5 span{
    color: #FBBB21;
    font-weight: 600;
}
.progess_outer{
    min-width: 100px;
    background-color: #EDEDF1;
    height: 10px;
    border-radius: 90px;
    position: relative;
}
.progress_bar{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #37AAB2;
    border-radius: 90px;
}
.tags_lftpnl .job_tags{
    margin: 0;
}
.progres_tagsouter{
    margin-bottom: 15px;
}
.result_btnArea{
    margin: 25px 0 0;
    display: flex;
    align-items: center;
}
.result_btnArea a{
     margin-right: 10px;
}
.result_btnArea .border_btn{
    line-height: 48px;
}
.result_btnArea a:last-child{
    margin-right: 0;
}
/* .results_innr{
    padding: 30px 0 0;
} */
.results_item{
    margin-bottom: 30px;
}
.results_item:last-child{
    margin-bottom: 0;
}

.results_para p, .results_lising li{
    font-size: 15px;
    color: #004254;
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 400;
}

.results_para p:last-child{
    margin-bottom: 0;
}
.results_item h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 15px;
}

.results_lising{
    padding: 20px 0 0;
}

.results_lising li{
    margin-bottom: 10px;
    list-style: auto;
}

.results_lising ol{
    padding-left: 15px;
}
.uro_sign{
    background-image: url(../images/uro.svg);
    background-repeat: no-repeat;
    background-position: right 12px top 50%;
}

/* Apply-modal-css--start */

.job_modal .modal-dialog {
    max-width: 996px;
    margin: 1.75rem auto;
}

.job_modal .modal-header{
    background: #F7F7F9;
    border-radius: 10px 10px 0px 0px;
    position: relative;
    display: block;
    padding: 40px 30px 25px;
    border: 0;
}
.job_modal .modal-header .close {
    position: absolute;
    height: 34px;
    width: 34px;
    background-color: #EDEDF1;
    border-radius: 8px;
    right: 20px;
    font-size: 18px;
    color: #6F7A7C;
    top: 20px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    opacity: 1;
}
.job_modal .company_logotxt span{
    font-weight: 500;
}
.job_modal .company_logotxt{
    margin-bottom: 10px;
}
.modal_hdng h3{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.job_modal .job_tags{
    margin-bottom: 0;
}
.job_modal .modal-body{
    padding: 0;
}

.prsnl_detailsArea{
    border-bottom: 1px solid #EDEDF1;
    padding: 30px 40px;
    background-color: #fff;
}

.jobinput_fill label{
    font-weight: 600;
    color: #004254;
}
.prsnl_detailsArea .row{
    margin: 0 -5px -20px;
}
.prsnl_detailsArea .col-sm-6{
    padding: 0 5px;
}
.prsnl_detailsArea .jobinput_fill{
    margin-bottom: 20px;
}
.others_detailsArea{
    padding: 30px 40px 30px;
}

.details_row{
    margin-bottom: 10px;
}
.details_row:last-child{
    margin-bottom: 0;
}
.details_input_txt label{
    margin: 0;
    color: #004254;
    font-weight: 600;
    font-size: 14px;
}

.details_row .input_fill {
    margin-bottom: 0;
    position: relative;
}
.details_row .row{
    align-items: center;
}
.description_fill.input_fill  .form-control{
    height: 103px;
    resize: none;
    padding-top: 15px !important;
    padding-bottom: 15px;
}

.job_fillOuter{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}
.job_fillOuter .jobinput_fill{
    width: 50%;
    padding: 0 6px;
}
.attached_row{
    padding: 15px 0;
}
.upload_area {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.upload_item{
    padding: 0 5px 10px;
}
.uploaded_innrBx, .upload_btn{
    height: 135px;
    width: 135px;
    border: 2px solid #EDEDF1;
    border-radius: 8px;
    position: relative;
    padding: 20px 10px;
    text-align: center;
}
.upload_icon{
    margin-bottom: 15px;
}
.upload_txt h4{
    font-size: 13px;
    color: #004254;
    font-weight: 500;
    margin-bottom: 10px;
}
.upload_txt h5{
    font-size: 10px;
    color: #6F7A7C;
}
.delete_btn{
    position: absolute;
    right: 10px;
    top: 10px;
}
.delete_btn span {
    color: #CECEDB;
}
.delete_btn span:hover {
    color: #ff0000;
}
.upload_btn{
    border: 2px dashed #EDEDF1;
}
.file_uoload{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.link_icon{
    background-image: url(../images/link.png);
    background-position: right 12px top 50%;
    background-repeat: no-repeat;
}
.copy_link {
    right: 12px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    line-height: 100%;
    color: #6F7A7C;
}
.radio-check {
    margin: 0;
    cursor: pointer;
    display: flex;
}
    .radio-check span {
        display: inline-block;
        vertical-align: middle;
    }
    .radio-check input[type='checkbox'], .radio-check input[type='radio'] {
        display: none;
    }
    .radio-check input[type='checkbox'] + span {
        width: 19px;
        min-width: 19px;
        height: 19px;
        border-radius: 4px;
        border: 2px solid #CECEDB;
        position: relative;
        margin-right: 10px;
    }
    .radio-check input[type='checkbox']:checked + span:after {
        content: "";
        position: absolute;
        left: 1px;
        top: 1px;
        right: 1px;
        bottom: 1px;
        background: url(../images/check.png) no-repeat center center;
        background-size: 10px;
    }
    .radio-check p{
        font-size: 15px;
        color: #004254;
        font-weight: 500;
    }
    .chek_row{
        padding: 15px 0;
    }

/* Apply-modal-css--end */

/*--------- end-job=results-page -------*/


/* -----------start-job-details-page----------------- */
.details_total.job_box_outer {
    padding: 0;
}
.top_detailsBx{
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.topdetails_left{
    width: 70%;
}
.topdetails_right{
    width: 30%;
    text-align: right;
}
.details_total .company_logotxt span{
    font-weight: 500;
}
.top_detailsBx .company_logotxt{
    margin-bottom: 15px;
}
.topdetails_left .job_hdng h3{
    font-size: 30px;
}

.details_prgrss {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.details_prgrss h4{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #CECEDB;
    line-height: 100%;
}
.details_tags{
    display: flex;
    align-items: center;
}
.details_tags .jb_rating{
    margin-right: 10px;
    color: #004254;
}
.details_tags .jb_rating:last-child{
    margin-right: 0;
}
.details_value{
    border: 1px solid #FBBB21;
    border-radius: 3px;
    padding: 8px 10px;
    display: inline-block;
}
.details_value h4{
    color: #FBBB21;
    font-size: 16px;
    font-weight: 700;
}
.share_btn{
    margin-bottom: 10px;
}
.share_btn a{
    background: #FFFFFF;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    height: 41px;
    width: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    color: #6F7A7C;
}
.details_tabArea{
    padding: 20px 0 0;
}

.jobdetails_tablinks.addons_tabLinks ul{
    padding: 15px;
}

.job_detailspnl{
    margin: 10px 0 0;
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 10px;
}

.job_detailspnl .results_innr {
    padding: 0;
}
.details_rightPnl{
    background: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 10px;
    padding: 30px 25px;
}
.details_hdng h3{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}
.details_hdng{
    margin-bottom: 15px;
}
.pnl_outer .job_bxItem{
    padding: 15px 0;
    border: 0;
    border-bottom: 1px solid #EDEDF1;
    margin: 0;
}
.pnl_outer .job_bxItem:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.pnl_outer .job_tags{
    margin-bottom: 0;
}
.pnl_outer .job_hdng h3{
    font-size: 16px;
}
.pnl_outer .top_company_row{
    margin-bottom: 13px;
}

.contnt_hdng{
    margin-bottom: 15px;
}
.contnt_hdng h4{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
    text-transform: capitalize;
}
.team_item{
    background: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.team_topbx{
    background-color: #F9F9F9;
    border-radius: 9px 9px 0px 0px;
    padding: 16px;
    position: relative;
}
.team_tags{
    position: absolute;
    right: 20px;
    top: 30px;
}
.team_tags a{
    display: inline-block;
    color: #6F7A7C;
}
.team_userOuter {
    display: flex;
}
.team_usr_pic{
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8e8ed;
}
.team_usrTxt h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    line-height: 26px;
}
.team_usrTxt h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}
.team_usrTxt .jb_rating{
    margin: 10px 0 0;
}
.team_usrTxt{
    padding-left: 15px;
}
.team_bttmbx{
    padding: 15px 20px 20px;
}

.details_tags{
    margin: 30px 0 0;
}

.jb_rating h5{
    font-size: 14px;
    color: #31A61E;
    font-weight: 500;
}



.dates_pnlItem{
    padding-left: 55px;
    position: relative;
    padding-bottom: 30px;
}
.dates_pnlItem:before{
    top:0;
    left: 17px;
    width: 2px;
    background-color: #EDEDF1;
    bottom: 0;
    position: absolute;
    content: "";
}

.dates_pnlOuter{
    padding-top: 20px;
}
.dates_nmbr{
    width: 36px;
    height: 36px;
    border: 2px solid #EDEDF1;
    border-radius: 10px;
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    background: #fff;
}
.dates_pnlItem .job_tags{
    margin: 0;
}
.dates_hdng h4{
    color: #004254;
    font-size: 16px;
    font-weight: 600;
}
.dates_hdng {
    margin-bottom: 10px;
}

.dates_listing{
    padding: 20px 0 0;
}
.dates_listing h3{
    font-weight: 500;
    font-size: 15px;
    color: #37AAB2;
    margin-bottom: 15px;
}
.dates_listing li{
    font-size: 14px;
    color: #6F7A7C;
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}
.dates_listing li:last-child{
    margin-bottom: 0;
}
.dates_listing li:after{
    position: absolute;
    content: "";
    height: 12px;
    width: 13px;
    background-image: url(../images/grn-tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 4px;
    background-size: 12px;
}
.dates_pnlItem:last-child:before{
    display: none;
}
.complete_item:before{
    background-color: #37AAB2;
}
.complete_item .dates_nmbr{
    border-color: #37AAB2;
    color: #37AAB2;
}
.complete_item .dates_hdng h4{
    color: #004254;
}
.docs_row{
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border: 1px solid #EDEDF1;
    border-radius: 8px;
    background-color: #f4f4f4;
}
.docs_row:last-child{
    margin-bottom: 0;
}
.docs_left, .docs_right ul{
    display: flex;
    align-items: center;
}
.doc_icon{
    min-width: 25px;
    width: 25px;
    text-align: center;
    margin-right: 10px;
} 
.doc_text h5{
    font-size: 13px;
    color: #004254;
    font-weight: 500;
}
.docs_right ul li{
    color: #6F7A7C;
    font-weight: 500;
    font-size: 13px;
    border-right: 1px solid #EDEDF1;
    margin-right: 15px;
    padding-right: 15px;
}
.docs_right ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: 0;
}
.docs_right ul li a {
    color: #6F7A7C;
    display: inline-block;
}
.docs_right ul li a span {
    font-size: 20px;
}

.details_faqPnl .accordian_item {
    margin-bottom: 10px;
    border: 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #F9F9F9;
    border-radius: 10px;
}
.details_faqPnl .srvc_accrHdng{
    background-color: transparent;
    padding: 15px 20px;
}
.details_faqPnl .srvc_accorbody{
    padding: 5px 20px 20px;
}
.srvc_name h5{
    color: #004254;
    font-weight: 600;
    font-size: 16px;
}
.accor_para p{
    color: #004254;
    font-size: 16px;
}
.details_processOuter{
    padding-top: 10px;
}
.details_procesItem{
    padding-left: 30px;
    position: relative;
    padding-bottom: 20px;
}
.details_procesItem:last-child{
    padding-bottom: 0;
}
.proces_hdng{
    margin-bottom: 25px;
}
.proces_hdng h4{
    font-size: 16px;
    color: #37AAB2;
    font-weight: 600;
}
.proces_hdng h4 span{
    color: #6F7A7C;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-left: 10px;
}
.details_procesItem::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #EDEDF1;
    width: 2px;
}

.procees_bulet{
    border: 2px solid #EDEDF1;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: -10px;
    top: 0;
}
.procees_bulet:after{
    position: absolute;
    content: "";
    background-color: #37AAB2;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 50%;
    height: 6px;
    width: 6px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.details_procesItem:last-child:before{
    display: none;
}

.addons_tabLinks  .mCSB_horizontal.mCSB_inside>.mCSB_container{
    margin: 0;
}
.addons_tabLinks .mCSB_scrollTools{
    opacity: 0 !important;
}
/* -----------end-job-details-page----------------- */


/*---------- start--product-serach-page------------ */

.mob_goBtn{
    display: none;
}
.list_cross{
    display: none !important;
}
.mobile_product_srch{
    display: none;
}

.product_area{
    padding: 95px 0;
}
.product_topArea{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.prdct_toplft, .prdct_topright{
    width: 50%;
}
.prdct_topright{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.brdcome_nav .breadcrumb{
    padding: 0;
    margin: 0 0 10px;
    background-color: transparent;
}

.brdcome_nav .breadcrumb-item+.breadcrumb-item::before{
    content: "\f105";
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #6F7A7C;
    font-size: 12px;
}

.brdcome_nav li a, .brdcome_nav li{
    font-size: 14px;
    color: #6F7A7C;
}
.brdcome_nav li.active, .brdcome_nav li a:hover{
    color: #004254;
}
.results_text h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}
.sort_slct{
    min-width: 215px;
}
.hover_icon{
    display: none;
}
.view_icon{
    margin-right: 25px;
}
.view_icon ul{
    display: flex;
    align-items: center;
}
.view_icon ul li+li{
    margin-left: 5px;
}
.view_icon ul li a{
    height: 47px;
    width: 47px;
    border-radius: 8px;
    border: 1px solid #CECEDB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #6F7A7C;
}

.view_icon ul li.active_view a{
    background-color: rgba(100,100,255,0.1);
    color: #37AAB2;
}

.view_icon ul li.active_view .hover_icon{
    display: block;
}

.view_icon ul li.active_view .normal_icon{
    display: none;
}
.prdct_cart{
    margin-left: 25px;
}
.prdct_cart a{
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #6F7A7C;
}
.prdct_cart a span {
    position: absolute;
    top: -6px;
    right: -6px;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
    background-color: #E8724D;
    border-radius: 50%;
}
.product_item{
    background: #FFFFFF;
    border: 1px solid #E5E5EC;
    border-radius: 8px;
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
}

.discout_text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 10px;
    background-color: #E8724D;
    min-width: 67px;
    height: 30px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    left: 20px;
    top: 20px;
}

.product_pic{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 288px;
    overflow: hidden;
    margin-bottom: 30px;
}
.product_text h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 10px;
}

.prdct_name a{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
    line-height: 28px;
    display: inline-block;
}
.prdct_name a:hover{
    color: #E8724D;
}
.prodetails_list ul{
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.prodetails_list ul li{
    padding-right: 10px;
    margin: 0 10px 10px 0;
    border-right: 1px solid #CECEDB;  
}
.prodetails_list ul li a{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;   
}
.prodetails_list ul li:last-child{
    border: 0;
    padding-right: 0;
    margin-right: 0;
}
.prodetails_list ul li a span, .prodetails_list ul li a:hover{
    color: #004254;
}
.prdct_rating_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.prdctprice_value h4{
    color: #31A61E;
    font-size: 16px;
    font-weight: 600;
}

/* start-filter-pnl */

.product_filtr_item{
    padding: 15px 0;
    border-bottom: 1px solid #EDEDF1;
}
.product_filtr_item:last-child{
    border-bottom: 0;
}
.filter_hdng{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.product_filtr_item:first-child{
    padding-top: 0;
}

.filter_hdng .accor_arw{
    opacity: 0.6;
}
.filter_name h4{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}
.filter_list ul{
    display: flex;
    flex-wrap: wrap;
}
.filter_list li .radio-check input[type='checkbox'] + span, .filter_list li .radio-check input[type='radio'] + span{
    height: auto;
    width: auto;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 10px;
    margin: 0;
    font-size: 14px;
    color: #6F7A7C;
    font-weight: 500;
    border: 1px solid #E3E3ED;
}
.filter_list li{
    margin: 0 5px 5px 0;
}
.filter_list .radio-check input[type='checkbox']:checked + span:after{
    display: none;
}

.filter_list .radio-check input[type='checkbox']:checked + span, .filter_list .radio-check input[type='radio']:checked + span{
    background: rgba(100, 100, 255, 0.1);
    color: #37AAB2;
}

.price_range {
    position: relative;
    display: flex;
    margin: 15px -3px 0;
}
.price_fill{
    padding: 0 3px;
}
.price_fill .form-control{
    height: 50px;
    background-color: #EDEDF1;
    border-radius: 8px;
    box-shadow: none;
    border-color: transparent;
    font-size: 16px;
    padding-right: 30px;
}
.price_fill .form-control:focus{
    border-color: #37AAB2;
}
.go_btn{
    padding-left: 5px;
}
.go_price{
    min-width: 62px;
    height: 50px;
    background-color: #37AAB2;
    border-radius: 8px;
    color: #fff;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}
.go_price:hover{
    background-color: #E8724D;
}
.color_info ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.color_info li{
    margin: 0 5px 5px 0;
}
.color_info li .radio-check input[type='radio'] + span{
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    color: #6F7A7C;
    font-weight: 500;
    border: 1px solid #E3E3ED;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.color_info .radio-check p{
    color: #6F7A7C;
}
.color_info li .radio-check input[type='radio']:checked + span{
    background: rgba(100, 100, 255, 0.1);
    color: #37AAB2;
}

.color_info li .radio-check input[type='radio']:checked + span > p{
    color: #37AAB2;
}
.color_bx{
    height: 20px;
    width: 20px;
    min-width: 20px;
    border-radius: 5px;
    margin-right: 5px;
    display: inline-block;
}

.color_info .radio-check{
    align-items: center;
}
.black_clr{
    background-color: #111111;
}
.gray_clr{
    background-color: #848484;
}
.white_clr{
    background-color: #ffffff;
    border: 1px solid #E7E7E7;
}
.brown_clr{
    background-color: #744113;
}
.red_clr{
    background-color: #BE0000;
}
.pink_clr{
    background-color: #FFD1D1;
}
.ylw_clr{
    background-color: #FEEE2F;
}
.off_white_clr{
    background-color: #F3F3E6;
}
.green_clr{
    background-color: #66BF19;
}

.blue_clr{
    background-color: #175195;
}

.color_info li.active_color{
    background: rgba(100, 100, 255, 0.1);
    color: #37AAB2;
}
.color_info li.active_color .radio-check p{
    color: #37AAB2;
}

.rating_info ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.rating_info li{
    margin: 0 5px 5px 0;
}
.rating_info li a{
    border: 1px solid #E3E3ED;
    border-radius: 10px;
    line-height: 40px;
    color: #6F7A7C;
    font-size: 16px;
    font-weight: 700;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.rating_info li a span{
    margin-right: 10px;
    color: #E8724D;
}
.rating_info li a:hover{
    color: #004254;
}
.sort_item{
    display: none;
}
.srch_filterBtn{
    display: none;
}
/*---------- end--product-serach-page------------ */

/* -------------start--product-map-list---------------- */
.prdctfilter_btn{
    margin-right: 20px;
}
.prdctfilter_btn a{
    height: 47px;
    width: 47px;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
    font-size: 16px;
}

.product_map{
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.maplist_pnl .product_item{
    display: flex;
    margin-bottom: 10px;
}
.maplist_pnl .product_item:last-child{
    margin-bottom: 0;
}
.maplist_pnl .product_pic{
    height: 175px;
    min-width: 165px;
    width: 165px;
}
.maplist_pnl .discout_text {
    left: 10px;
    top: 10px;
}
.maplist_pnl .product_text{
    padding-left: 10px;
}

.list_filterpnl{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 355px;
    background-color: #fff;
    padding: 60px 30px 40px;
    height: 100%;
    overflow-y: auto;
    transform: translateX(400px);
    transition: 0.5s;
    z-index: 102;
    box-shadow: 0 0 20px rgba(0,0,0,0.12);
}

.filter_open .list_filterpnl{
    transform: translateX(0);
}
.filter_cross{
    cursor: pointer;
    height: 38px;
    width: 38px;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    color: #6F7A7C;
}

.overlay{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 100;
    display: none;
    overflow: hidden
}
.filter_open .overlay{
    display: block;
}
.filter_open{
    overflow: hidden;
}
.maplist_pnl{
    max-height: 900px;
    overflow-y: auto;
}

/* -------------end--product-map-list---------------- */

/* -----start---product-details--page------------ */
.mob_back{
    display: none;
}
.product_detailsArea{
    background-color: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    padding: 15px 0 25px;
}
.details_sliderPnl{
    display: flex;
}
.thumb_pnl {
    min-width: 85px;
    width: 20%;
    position: relative;
}
.slide_icon{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    text-align: center;
    cursor: pointer;
    padding: 5px 10px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    border: 1px solid #EDEDF1;
    font-size: 18px;
    color: #004254;
    line-height: 100%;
}
.slide_icon i{
    line-height: 100%;
}
.slide_uparw{
    top: 0;
}
.slide_dwnarw{
    bottom: 0;
}
.slider_pnl{
    width: 80%;
}
/* .thumb_pnl .slick-track{
    height: auto !important;
} */
.details_sliderPnl .slick-slide img {
    display: inline-block;
    border-radius: 7px;
}

.thumb_nav{
    margin-bottom: 6px;
    cursor: pointer;
}
.thumb_nav a{
    display: block;
    text-align: center;
    border: 1px solid #EDEDF1 !important;
    border-radius: 8px;
    padding: 7px;
    height: 100px;
}
.thumb_nav:last-child{
    margin-bottom: 0;
}
.thumb_nav.slick-current.slick-active a, .thumb_nav.active a{
    background-color: #EDEDF1;
}
.thumb_pnl .slick-arrow{
    height: 30px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    cursor: pointer;
}
.thumb_pnl .slick-prev{
    border-radius: 5px 5px 0 0;
}
.thumb_pnl .slick-next{
    border-radius: 0 0px 5px 5px;
}
.thumb_pnl .slick-arrow:after{
    position: absolute;
    color: #6F7A7C;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}
.thumb_pnl .slick-prev{
    top: 0;
}
.thumb_pnl .slick-next{
    bottom: 0;
}

.thumb_pnl .slick-prev:after{
    content: "\f106";
}
.thumb_pnl .slick-next:after{
    content: "\f107";
}
.thumb_pnl .slick-arrow.slick-disabled{
    opacity: 0;
    visibility: hidden;
}

.slider_pnl{
    padding-left: 10px;
}
.slide_item {
    background-color: #F8F8FC;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
}
.slider_pnl ul.slick-dots {
    display: none !important;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}
.slider_pnl li{
    margin-right: 8px;
}
.slider_pnl li:last-child{
    margin-right: 0;
}
.slider_pnl li button{
    font-size: 0;
    border: 0;
    outline: none;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #6F7A7C;
}
.slider_pnl li.slick-active button{
    background-color: #5a47f2;
}


.prdct_detailspnl{
    padding-left: 20px;
    position: relative;
}
.prdct_detailspnl .share_btn{
    position: absolute;
    right: 0;
    top: 0;
}
.prdct_detailsHdng h2{
    font-size: 30px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 10px;
}

.owner_outer{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.cmpany_pic{
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.12);
}
.cmpany_pic img{height: 100%;width: 100%;}
.cmpany_text h5{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
}



.cmpany_text{
    padding-left: 10px;
}
.prdctdetails_rating a{
    background: #FFFFFF;
    border: 1px solid #E3E3ED;
    border-radius: 10px;
    padding: 5px 8px;
    color: #004254;
    font-size: 16px;
    font-weight: 600;
}
.prdctdetails_rating a span{
    color: #E8724D;
}

.prdctdetails_rating a em{
    opacity: 0.6;
}
.prdctdetails_rating{
    margin-bottom: 30px;
}
.prdctdetails_rating a i{
    font-size: 18px;
}
.details_price h3{
    font-size: 25px;
    color: #31A61E;
    font-weight: 600;
}
.details_price h3 span{
    display: inline-block;
    margin-left: 5px;
    color: #CECEDB;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}
.details_price{
    margin-bottom: 20px;
}
.prdct_addrs{
    margin-bottom: 10px;
    max-width: 400px;
}
.addres_dropdown label{
    font-size: 14px;
    color: #6F7A7C;
    font-weight: 500;
}
.addres_dropdown label span{
    margin-right: 5px;
}
.address_menu .dropdown > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #EDEDF1;
    color: #6F7A7C;
    padding: 7px 10px;
    background-color: #fcfcfc;
    border-radius: 7px;
}
.adres_left {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 13px;
    color: #6F7A7C;
}

.address_hlder{
    color: #004254;
}
.full_adress{
    font-size: 13px;
    color: #6F7A7C;
}
.adress_status{
    padding: 4px 10px;
    border-radius: 20px;
    background-color: #EDEDF1;
    color: #004254;
    opacity: 0.6;
    margin: 0 3px;
    font-weight: 500;
    font-size: 12px;
}
.address_menu .dropdown-menu{
    transform: none !important;
    max-width: 400px;
    top: 100% !important;
    padding: 10px 0 30px;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.12);
}
.savedAddress_menu  h5{
    font-size: 14px;
    padding: 15px 15px 10px;
    color: #6F7A7C;
    font-weight: 500;
}
.saved_adressRow{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
}
.saved_adressRow:hover{
    background-color: #f4f8ff;
}
.show_adress{
    padding: 10px 15px;
}
.show_adress a{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #5a47f2;
}

.address_check input.form-control {
    height: 36px;
    font-size: 13px;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #E3E3ED;
}
.address_check {
    padding: 0 15px;
    position: relative;
    max-width: 75%;
}
.check_btn {
    color: #5a47f2;
    background-color: transparent;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
}

.size_row{
    margin: 10px 0 15px;
}
.size_clrHdng{
    display: flex;
    align-items: center;
}

.size_clrHdng h4{
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    min-width: 85px;
}
.filter_list.size_info li .radio-check input[type='radio'] + span{
    min-width: 52px;
    text-align: center;
}
.product_count{
    margin: 30px 0 10px;
}
.product_count .number {
    display: flex;
    align-items: center;
    max-width: 244px;
    background: #EDEDF1;
    border-radius: 8px;
    padding: 15px;
}
.product_count .number span{
    cursor: pointer;
    color: #6F7A7C;
}
.product_count .number i{
    font-size: 18px;
}
.product_count input{
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    color: #6F7A7C;
    text-align: center;
}
.modal_iconOuter{
    margin: 30px 0 0;
}
.modal_iconOuter ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 525px;
    margin: 0 -5px;
}
.modal_iconOuter li{
    padding: 5px;
}
.modal_iconOuter li{
    width: 20%;
}
.modal_iconOuter li a{
    width: 100%;
    height: 100px;
    border: 1px solid #EDEDF1;
    border-radius: 8px;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    color: #004254;
    font-weight: 500;
}
.modal_iconOuter li a span{
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.prdcut_outer {
    padding: 30px 0 0;
}
.product_tabPnl .details_tabArea{
    padding: 0;
}
.prdctpnl_outer .product_item{
    display: flex;
    padding: 15px 0;
    border: 0;
    border-bottom: 1px solid #EDEDF1;
    border-radius: 0;
    margin: 0;
}
.prdctpnl_outer .product_item:last-child{
    border-bottom: 0;
}
.prdctpnl_outer .product_pic{
    width: 110px;
    min-width: 110px;
    height: 115px;
    margin: 0;
}

.prdctpnl_outer .prdct_name a{
    font-size: 16px;
}
.prdct_dtailsRow{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.prdct_dtailsRow:last-child{
    margin-bottom: 0;
}
.lft_details{
    width: 40%;
}
.rght_details{
    width: 60%;
    padding-left: 15px;
}
.lft_details h4{
    font-size: 16px;
    color: #004254;
    font-weight: 400;
}
.rght_details h5{
    font-size: 15px;
    font-weight: 500;
    color: #004254;
}
.prdct_rvwArea{
    display: flex;
    align-items: center;
}
.rvw_lft{
    width: 30%;
}
.rvw_right{
    width: 70%;
    padding-left: 20px;
    border-left: 1px solid #EDEDF1;
}
.rvw_lft h3{
    font-size: 30px;
    color: #004254;
    font-weight: 600;
}
.rvw_lft h3 span{
    font-size: 12px;
    color: #6F7A7C;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.rvw_img{
    display: inline-block;
}
.comnt_rating{
    margin-bottom: 10px;
}
.comnt_rating ul{
    display: flex;
    align-items: center;
}

.comnt_rating ul li:last-child{
    margin-right: 0;
}
.comnt_rating ul li a i{
    color: #EDEDF1;
    font-size: 28px;
}
.comnt_rating.cstomer_tvw{
    margin-bottom: 0;
}
.cstomer_tvw ul li a i{
    color: #E8724D;
    font-size: 20px;
}


.post_btn{
    display: inline-block;
    margin-top: 15px;
}
.policy_para p{
    font-size: 16px;
    color: #004254;
    font-weight: 500;
    margin-bottom: 20px;
}
.policy_para p:last-child{
    margin-bottom: 0;
}
.policy_terms{
    padding-top: 30px;
    padding-left: 15px;
}
.policy_terms li{
    list-style: auto;
    font-size: 15px;
    color: #004254;
    font-weight: 400;
    opacity: 0.9;
    margin-bottom: 10px;
}
.policy_terms li:last-child{
    margin-bottom: 0;
}

/* --poromotion-modal-css */


.modal_hdng h5{
    font-size: 16px;
    color: #004254;
    font-weight: 400;
    margin-top: 10px;
}
.modal_hdng h5 span{
    font-weight: 600;
    color: #37AAB2;
}

.datepicker{
    background-image: url(../images/calender.svg);
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
}
.jobinput_fill .form-control{
    color: #6F7A7C;
    font-weight: 400;
}


.jobinput_fill .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6F7A7C;
  }
  .jobinput_fill .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #6F7A7C;
  }
  .jobinput_fill .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #6F7A7C;
  }
  .jobinput_fill .form-control:-moz-placeholder { /* Firefox 18- */
    color: #6F7A7C;
  }

.details_input_txt h6{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}


.fillup_fill{
    border: 1px solid #EDEDF1;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 10px 15px;
}
.fillup_fill h5, .fillup_fill p{
    font-size: 15px;
    color: #004254;
}
.fillup_fill span{
    color: #6F7A7C;
    font-size: 18px;
}
.description_fill .fillup_fill{
    height: auto;
    padding: 15px;
}
#promotion_modal_complete{
    overflow-y: auto;
}

.mdal_approvalArea {
    text-align: center;
    background-color: #F7F7F9;
    padding: 30px 15px;
}
.status_clock {
    margin-bottom: 10px;
}

.approval_text h3 {
    font-weight: 700;
    font-size: 16px;
    color: #004254;
    margin-bottom: 10px;
}
.approval_text h5 {
    color: #6F7A7C;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}
.approval_text h5 span{
    color: #004254;
}
.appruval_value {
    display: inline-block;
}
.appruval_value a{
    border: 1px solid #CECEDB;
    border-radius: 10px;
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    padding: 0 15px;
}

.appruval_value a span{
    font-size: 16px;
    font-weight: 700;
    color: #37AAB2;
    margin: 0 5px;
}

/* ----------end----promotion-modal--- */

/*-- start-contact-modal ---*/

.owner_hdngOuter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.owner_hdngOuter h5{
    font-size: 18px;
    color: #004254;
    font-weight: 500;
}
.owner_hdngOuter h5 b{
    font-weight: 600;
    font-size: 16px;
}
.modal-header .owner_hdngOuter .close {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #6F7A7C;
}
.owner_hdngOuter h5 span{
    display: inline-block;
    margin-left: 5px;
    height: 10px;
    width: 10px;
    background: #EDEDF1;
    border-radius: 50%;
}
.owner_hdngOuter h5 span.online{
    background-color: #31A61E;
}

.owner_detailsOuter .input_fill {
    margin-bottom: 10px;
}
.owner_detailsOuter .input_fill:last-child{
    margin-bottom: 0;
}
.conatct_modal .modal-dialog {
    max-width: 375px;
}
.upload_imxBx{
    padding: 0;
}
.upload_imxBx .delete_btn img{
    filter: brightness(0) invert(1);
}
.gray_rating li a{
    color: #EDEDF1;
}
.gray_rating{
    display: flex;
    align-items: center;
}
.gray_rating li{
    margin-right: 5px;
}
.gray_rating li:last-child{
    margin-right: 0;
}
/* -----end---product-details--page------------ */


/* ----start---sustanble_rank--page ----------*/

.logo_slct{
    min-width: 215px;
}
.results_text h3{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}

.logorank_row{
    background: #FFFFFF;
    border: 1px solid #E5E5EC;
    border-radius: 8px;
    padding: 20px 25px;
    display: flex;
    margin-bottom: 10px;
}
.logorank_row:last-child{
    margin-bottom: 0;
}

.rank_logo_lftPnl{
    width: 65%;
}
.rank_logo_rghtPnl{
    width: 35%;
}

.compny_logoOuter{
    display: flex;
}
.cmpny_logo{
    width: 64px;
    min-width: 60px;
}
.cmpny_textPnl{
    padding-left: 25px;
}
.cmpny_textPnl h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 10px;
}
.donate_logoOuter ul{
    display: flex;
}
.donate_logoOuter ul li + li{
    margin-left: 5px;
}
.ambassadors_users{
    margin: 20px 0 0;
}
.logorank_row h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 10px;
}

.ambassadors_users ul{
    display: flex;
    align-items: center;
}
.ambassadors_users ul li a{
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.ambassadors_users ul li a img{
    height: 100%;
    width: 100%;
}
.ambassadors_users ul li + li{
    margin-left: -5px;
}

.audits_logo, .points_item{
    width: 100%;
    text-align: right;
}
.audits_logo h5{
    width: 100%;
}
.audits_logo ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.audits_logo ul li + li{
    margin-left: 10px;
}
.audits_logo ul li a{
    display: block;
}
.points_item {
    margin: 30px 0 0;
}
.points_btn{
    display: inline-block;
    background: #E8724D;
    border-radius: 5px;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.donate_mdlOuter {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.donate_hdngOuter {
    display: flex;
    align-items: center;
}
.donate_cmpnyLogo {
    height: 44px;
    width: 44px;
    min-width: 44px;
}
.donate_cmpnytext {
    padding-left: 15px;
}
.modal_hdng .jb_rating{
    margin-top: 10px;
    color: #004254;
}

.donate_cmpnytext .modal_hdng h3{
    font-size: 18px;
}

.detials_report a{
    display: inline-flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 8px;
    height: 36px;
    font-size: 15px;
    color: #004254;
    font-weight: 500;
    padding: 0 15px;
}
.detials_report a i{
    margin-right: 10px;
}
.detials_report a:hover{
    background-color: #5a47f2;
    color: #fff;
}
.donation_modal .modal-body{
    padding: 20px 30px;
}

.donate_community_area{
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
    border-radius: 8px;
    padding: 20px;
}
.community_row{
    display: flex;
    margin-bottom: 20px;
}
.community_pic{
    min-width: 117px;
}

.community_text{
    padding-left: 20px;
}
.donate_icontext{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 15px;
}
.donate_icontext span{
    margin-right: 5px;
}

.community_para p{
    font-size: 16px;
    color: #6F7A7C;
    line-height: 24px;
}

.donation_modal .modal-dialog{
    max-width: 842px;
}


.donation_bxRow{
    background: #F7F7F9;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.donation_progress, .modal_progres, .donation_prices {
    display: flex;
    align-items: center;
}
.donation_progress h5{
    font-size: 15px;
    color: #6F7A7C;
    margin-right: 10px;
    font-weight: 500;
}
.modal_progres label{
    font-size: 15px;
    color: #004254;
    margin: 0;
    font-weight: 500;
    margin-right: 10px;
}
.donation_prices h5{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    margin-right: 20px;
}
.donation_prices h5 span{
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    color: #31A61E;
    font-weight: 600;
}
.donate_btn a{
    line-height: 34px;
    padding: 0 15px;
}
.donate_community_area .forum_whiteBx .forum_cmntsRow {
    padding: 20px 15px;
}


/* ----end---sustanble_rank--page ----------*/


/* -------start-susanble-report-page---------- */

.total_reportBx{
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 15px;
    padding: 30px 20px;
}
.report_top{
    margin-bottom: 25px;
}
.report_detailsItem{
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
    border-radius: 8px;
    padding: 25px 20px;
    margin-bottom: 15px;
}
.report_detailsItem:last-child{
    margin-bottom: 0;
}
.report_prgress_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.report_prgress_top h4{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
    width: 50%;
    line-height: 26px;
}
.report_textItem > h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 7px;
}
.report_textItem p{
    font-size: 16px;
    color: #6F7A7C;
}
.report_textItem{
    margin-bottom: 25px;
}
.report_textItem:last-child{
    margin-bottom: 0;
}
.report_iconRow{
    padding-bottom: 15px;
    display: flex;
    position: relative;
}
.report_iconRow:after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #EDEDF1;
    left: 22px;
    z-index: 1;
}
.report_iconRow:last-child{
    padding-bottom: 0;
}
.report_iconRow:last-child:after{
    display: none;
}
.report_nmbr{
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
    border-radius: 8px;
    height: 44px;
    width: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #004254;
    font-weight: 500;
    margin-right: 10px;
    z-index: 2;
} 
.rport_iconOuter{
    padding: 15px 0 0;
}
.report_iconRow .donate_icontext{
    margin-bottom: 0;
}
.donate_icontext p{
    font-size: 16px;
    color: #6F7A7C;
    line-height: 24px;
    margin-left: 5px;
}
.donate_icontext span{
    min-width: 40px;
}

/* -------end-susanble-report-page---------- */


/*=====------ start-expert-serach-page------------ */

.expert_slctOuter{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.exprt_filter_btn{
    display: none;
}
.expertrght_icon ul{
    display: flex;
    align-items: center;
}
.expertrght_icon ul li{
    margin-right: 10px;
}

.expertrght_icon ul li:last-child{
    margin-right: 0;
}
.expertrght_icon li a{
    height: 47px;
    width: 47px;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
    font-size: 20px;
}
.expertrght_icon li.active a{
    background-color: rgba(100,100,255,0.1);
    color: #37AAB2;
}
.job_slct_row.expertslct_row{
    width: 60%;
    margin-top: 0;
}
.expertslct_row .job_slctItem{
    width: 25%;
}
.expert_slctOuter{
    margin-top: 20px;
}
.skill_menu_outer{
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.skill_menu_outer > label{
    font-size: 16px;
    color: #004254;
    margin: 0;
    font-weight: 600;
    min-width: 120px;
    margin-right: 15px;
}
.skill_menu{
    width: 80%;
}
.skill_menu ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.skill_menu li{
    margin-right: 5px;
}
.skill_menu li:last-child{
    margin-right: 0;
}
.skill_menu li a{
    background-color: #FFFFFF;
    border: 1px solid #E3E3ED;
    border-radius: 10px;
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.skill_menu li a:hover{
    background-color: #004254;
    color: #fff;
    border-color: #004254;
}
.more_skill a{
    height: 44px;
    line-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    background-color: #FFFFFF;
    border: 1px solid #E3E3ED;
    border-radius: 10px;
    font-size: 16px;
    color: #004254;
    font-weight: 600;
}
.more_skill a i{
    margin-left: 3px;
    font-size: 16px;
}

.expert_box_outer{
    padding: 55px 0 0;
}

.expertbx_item{
    background-color: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.exper_pic{
    background-color: #e3e3ee;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}
.exper_name h3{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 6px;
}
.exper_name h5{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}

.expert_details{
    margin: 20px 0 0;
}
.expert_details .jb_rating{
    margin-bottom: 10px;
}
.expert_details .jb_rating:last-child{
    margin-bottom: 0;
}

.jb_rating h6{
    margin-left: 5px;
    font-size: 13px;
    color: rgba(29, 28, 76, 0.597055);
}

.expert_details .jb_rating span{
    font-size: 15px;
}
.list_arw{
    display: none;
}
.hire_meBtn{
    display: none;
}
/* expert-list-view */

.list_box .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.list_box .list_arw{
    display: block;
}
.list_box .list_arw a{
    height: 42px;
    width: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
    color: rgba(29, 28, 76, 0.45);
    font-size: 18px;
}

.list_box .expertbx_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
}
.list_box .expert_details {
    margin: 0;
    display: flex;
    align-items: center;
}
.list_box .expert_details .jb_rating{
    margin: 0 10px 0 0;
}
.list_box .expert_namepic {
    display: flex;
    align-items: center;
}

.list_box .exper_pic{
    height: 85px;
    width: 85px;
    margin: 0;
}
.list_box .exper_name{
    padding-left: 20px;
    text-align: left;
}

/* expert-list-view */

.filters_exprtHdng, .filter_skillpnl .expertslct_row{
    display: none;
}
.expert_btnOuter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
    padding-top: 10px;
}
.exprt_iconBtn, .exprt_detailsBtn {
    width: 50%;
    padding: 0 3px;
}
.exprt_iconBtn ul{
    display: flex;
    align-items: center;
}
.exprt_iconBtn ul li{
    margin-right: 6px;
    width: 50%;
}
.exprt_iconBtn ul li:last-child{
    margin-right: 0;
}
.exprt_iconBtn ul li a{
    color: #6F7A7C;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    min-width: 48px;
}
.list_box .exprt_detailsBtn{
    display: none;
}
.list_box .exprt_iconBtn ul li{
    width: auto;
}
.list_box .exprt_iconBtn{
    margin-right: 10px;
}
.list_box .exprt_iconBtn ul li a{
    height: 36px;
    min-width: 36px;
}
.list_box .expert_btnOuter{
    padding-top: 0;
}
.list_box .exprt_iconBtn ul li a i{
    font-size: 18px;
}
.evnt_details_bx .top_detailsBx{
    padding: 0;
    box-shadow: none;
    margin-bottom: 30px;
}
.evnt_details_bx{
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgb(189 188 223 / 60%);
    border-radius: 10px;
}
    

/*=====------ end-expert-serach-page------------ */

/*------------- expert-details-page--start --------------*/

.expertholder_outer{
    display: flex;
}
.experts_holderPic{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #e3e3ee;
}
.experts_holderPic img{
    width: 100%;
    height: 100%;
}
.experts_holdertext{
    padding-left: 25px;
}
.experts_holdertext h3{
    font-size: 30px;
    color: #004254;
    font-weight: 600;
    line-height: 34px;
}
.experts_holdertext h3 span{
    display: block;
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.experts_holdertext .expert_details .jb_rating{
    margin: 0 10px 0 0;
}
.experts_holdertext .expert_details .jb_rating span{
    font-weight: 500;
}
.expert_social ul{
    display: flex;
    align-items: center;
    margin: 25px 0 0;
}
.expert_social li{
    margin: 0 10px 0 0;
}
.expert_social li:last-child{
    margin: 0;
}
.expert_social li a{
    background: #FFFFFF;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.expert_social li a:hover{
    border-color: #5a47f2;
}
.exprince_logo{
    height: 47px;
    width: 47px;
    left: 0;
}
.dates_pnlItem.experice_item{
    padding-left: 65px;
}
.experience_hdng h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 12px;
}
.experience_hdng h3 span{
    display: inline-block;
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    margin-left: 10px;
}
.experience_hdng h5{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 10px;
}

.recomended_hdngOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.recomended_edit a{
    display: inline-block;
    color: #6F7A7C;
    font-size: 13px;
    font-weight: 700;
}
.recomended_edit a:hover{
    color: #5a47f2;
}
.recomended_hdngOuter .contnt_hdng {
    margin-bottom: 0;
}
.recomend_row {
    position: relative;
    margin-bottom: 30px;
}
.recomend_row:last-child{
    margin-bottom: 0;
}
.post_time {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}

.additional_info h4{
    font-size: 15px;
    color: #37AAB2;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
.additional_info h4 i{
    margin-right: 3px;
    vertical-align: middle;
    display: inline-block;
}
.additional_info a{
    display: inline-block;
    font-size: 14px;
    color: #004254;
    font-weight: 400;
}
.additional_info a:hover{
    color: #004254;
}
.additional_info h3{
    font-size: 14px;
    color: #004254;
    font-weight: 400;
}

.additional_info{
    margin-bottom: 30px;
}
.expert_aditonal_outer{
    margin-bottom: -30px;
}
.experts_profiles_row{
    display: flex;
    padding: 15px 10px;
    border-bottom: 1px solid #EDEDF1;
}
.experts_profiles_row:last-child{
    border: 0;
    padding-bottom: 0;
}
.exprt_profile{
    height: 57px;
    width: 57px;
    min-width: 57px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #e3e3ee;
}
.exprt_profile img{
    height: 100%;
    width: 100%;
}
.exprts_profileinfo{
    padding-left: 15px;
}
.exprts_profileinfo h3{
    font-size: 16px;
    font-weight: 600;
    color: #004254;
    margin-bottom: 10px;
}
.exprts_profileinfo h5{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}

.info_rating{
    margin: 20px 0 0;
}
.info_rating ul{
    display: flex;
    align-items: center;
}

.portfolio_pic{
    margin-bottom: 20px;
}
.rating_star li a{
    display: inline-block;
    font-size: 14px;
}
.rating_star li a i{
    font-size: 16px;
    color: #FBBB21;
}
.rating_star ul{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.rating_star li + li{
    margin-left: 2px;
}
.feedback_share ul{
    display: flex;
    align-items: center;
}
.feedback_share li{
    margin-right: 5px;
}
.feedback_share li:last-child{
    margin-right: 0;
}
.feedback_share li a{
    background: #EDEDF1;
    border-radius: 0;
    height: 35px;
    width: 35px;
    font-size: 16px;
    color: #004254;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feedback_share li a i{
    font-size: 16px;
}
.customer_feedbacks .recomend_row{
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #EDEDF1;
}
.customer_feedbacks .recomend_row:last-child{
    border: 0;
}
.invite_panel {
    max-width: 505px;
    display: flex;
}
.invite_text {
    min-width: 100px;
}
.invite_text label{
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 600;
}
.invite_inputOuter {
    width: 100%;
}
.input_fill.invite_fill{
    margin-bottom: 10px;
}

.expert_afilateOuter {
    padding: 15px 0 0;
}
.expert_afilateOuter .row{
    align-items: center;
}
.affilate_leftPnl {
    padding: 45px 30px;
    background: #FAFAFA;
    border-radius: 8px;
}
.mobile_hdng h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
}
.mobile_hdng{
    margin-bottom: 30px;
} 
.affilate_row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.affilate_row:last-child{
    margin-bottom: 0;
}
.left_affilate h4{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.left_affilate{
    width: 45%;
}
.right_affilate{
    width: 55%;
}
.right_affilate h3{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
    line-height: 26px;
}
.affilate_btn {
    margin: 30px 0 0;
}

.expert_pnl_row .experts_profiles_row{
    border: 0;
    padding: 0;
}
.expert_pnl_row{
    padding: 20px 0;
    border-bottom: 1px solid #EDEDF1;
}
.expert_pnl_row:last-child{
    border-bottom: 0;
}
.expert_pnl_row .exprt_iconBtn{
    width: 100%;
    margin-top: 15px;
}
.survey_outer .row{
    margin: 0 -5px;
}
.survey_outer .col-sm-6{
    padding: 5px;
}
.survey_item{
    background: #FFFFFF;
    border: 1px solid #E3E8F4;
    border-radius: 10px;
    padding: 20px;
    cursor: pointer;
    transition: 0.4s;
}
.survey_item:hover{
    box-shadow: 0px 2px 14px rgba(29, 28, 76, 0.0895979);
}
.survey_hdng h3{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}
.survey_para{
    margin-bottom: 25px;
}
.survey_para p{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 400;
}
.expert_invite .modal-body{
    padding: 30px;
}
.invite_progressouter{
    background-color: #CECEDB;
    height: 2px;
    position: relative;
}
.invite_progress_bar{
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    background-color: #37AAB2;
}
.invite_iconBx ul{
    display: flex;
    flex-wrap: wrap;
}
.invite_iconBx li{
    padding: 5px;
    width: 20%;
}

.invite_iconBx li a{
    border: 1px solid #CECEDB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    height: 150px;
    flex-wrap: wrap;
    justify-content: center;
}

.icon_text{
    width: 100%;
}
span.invite_bx {
    width: 100%;
    display: block;
    text-align: center;
}

.invite_bx i{
    height: 65px;
    width: 65px;
    background-color: #F7F7F9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin: 0 auto 10px;
}
.icon_text{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    text-transform: capitalize;
}
.invite_iconBx li a:hover{
    box-shadow: 0px 2px 14px rgba(29, 28, 76, 0.0895979);
}
.invite_iconBx li.active a{
    background-color: rgba(100, 100, 255, 0.1);
    border-color: #37AAB2;
}
.invite_iconBx li.active a i{
    background-color: #fff;
    color: #37AAB2;
}
.scroll_bx{
    max-height: 430px;
    overflow-y: auto;
}
.invite_nxt_btn {
    display: flex;
    justify-content: flex-end;
    padding: 15px 0 0;
    position: relative;
    margin-top: 10px;
}
.invite_nxt_btn:before{
    background: linear-gradient(180deg, #EBEBEB 0%, rgba(255, 255, 255, 0) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
}

.expert_evntOuter .row{
    margin: 0;
}
.expert_evntOuter .col-sm-6{
    padding: 0 5px;
}
.expert_evntOuter .job_bxItem{
    margin-bottom: 10px;
}
.invite_nxt_btn.nxtback_outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#invite_event{
    overflow-y: auto;
}
.expert_invite .job_details_para{
    margin-top: 20px;
}

.exprt_back{
    border-color: #EDEDF1;
    color: #5F5E8E;
    font-weight: 400;
}

.mCSB_inside>.mCSB_container {
    margin-right: 5px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{
    background-color: #CECEDB !important;
    width: 3px;
    opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    opacity: 0;
}
.invite_msgBody .description_fill .form-control{
    height: 325px;
}
.invite_msgBody .details_input_txt{
    margin-bottom: 10px;
    border: 2px solid #fff;
}
.green_bar{
    background-color: #31A61E !important;
}
.crm_list{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #EDEDF1;
    border-radius: 30px;
    padding: 0 13px;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
    color: #004254;
    margin-bottom: 10px;
}
.crm_list i{
    font-size: 16px;
    margin-right: 5px;
}
.time_btn{
    margin: 10px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    background-color: #EDEDF1;
}
.time_btn i{
    margin-right: 6px;
    font-size: 20px;
}
.expertise_area .details_row{
    margin-bottom: 30px;
}
.expertise_area .details_input_txt{
    margin-bottom: 10px;
}
.expertise_area .description_fill.input_fill .form-control{
    height: 140px;
}
.green_time{
    background-color: #31A61E !important;
}
.red_time, .red_bar{
    background-color: #E8604D !important;
}
.expert_invite .modal_hdng h5{
    margin-top: 0;
}



/*------------- expert-details-page--end --------------*/

/* -----start--chat--button--------- */

.chat_popupBx {
    background: #FFFFFF;
    box-shadow: 0px 20px 70px rgb(29 28 76 / 15%);
    border-radius: 10px;
    width: 375px;
    position: fixed;
    z-index: 99;
    transition: 0.5s;
    right: 20px;
    bottom: -100%;
    overflow: hidden;
}

.chat_btn {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
}
.chat_btn a{
    height: 70px;
    width: 70px;
    background: #37AAB2;
    box-shadow: 0px 10px 30px 5px rgba(189, 188, 223, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.chat_btn a i{
    color: #fff;
}

.chat_popupBx .owner_hdngOuter{
    padding: 20px 15px;
    border-bottom: 0;
    background-color: #004254;
}
.chat_popupBx .owner_hdngOuter h5{
    color: #fff;
}
.chat_cross i{
    color: #6F7A7C;
}
.chatslct_innr{
    padding: 15px;
}
.chat_open .chat_popupBx{
    bottom: 20px;
}
.chat_open .chat_btn{
   display: none;
}
.chatUser_outer{
    display: flex;
}
.msg_usr{
    height: 24px;
    width: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
}

.reply_msg .chatUser_outer{
    justify-content: flex-end;
}
.reply_msg .msgupload_pic{
    float: right;
}
.chatmsg_innr{
    max-height: 340px;
    overflow-y: auto;
    padding: 20px;
}
.msg_time{
    font-size: 10px;
    color: #6F7A7C;
    font-weight: 400;
    margin-bottom: 3px;
}
.msg_text{
    max-width: 195px;
    padding: 10px 15px;
    background: #EDEDF1;
    border-radius: 10px 10px 10px 2px;
}
.msg_text p{
    font-size: 14px;
    color: #444746;
    font-weight: 500;
}
.msgupload_pic{
    margin: 5px 0 0;
    width: 80px;
    overflow: hidden;
    border-radius: 7px;
}
.reply_msg .msg_text{
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
}
.chatmsg_footer{
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    padding: 20px;
    box-shadow: 0px 20px 70px rgba(29, 28, 76, 0.15);
}
.typing_gif {
    width: 30px;
}
.chat_msginput .form-control{
    padding: 0;
    box-shadow: none;
    border: 0;
    font-size: 15px;
    font-weight: 500;
    color: #6F7A7C;
    outline: none;
    height: 40px;
}

.chat_msginput .form-control::placeholder{
    color: #CECEDB;
}
.messge_row{
    margin-bottom: 15px;
}
.messge_row:last-child{
    margin-bottom: 0;
}
.msgtrigger_outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0;
}
.left_msgicon ul{
    display: flex;
    align-items: center;
}
.left_msgicon li{
    margin-right: 15px;
}
.left_msgicon li:last-child{
    margin-right: 0;
}
.left_msgicon li a, .mssage_sendbtn a{
    color: #6F7A7C;
}
.left_msgicon li a:hover, .mssage_sendbtn a:hover{
    color: #004254;
}

.chatmsg_innr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #004254 !important;
    opacity: 0;
}
.chatmsg_innr .mCSB_scrollTools .mCSB_draggerRail{
    background-color: #6F7A7C;
    opacity: 0;
}
.chatmsg_innr .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

/* -----end--chat--button--------- */



/* start----login-register_area */


.job_modal.signin_modal .modal-dialog {
    max-width: 395px;
}

.signin_hdng  h3{
    font-size: 24px;
    color: #004254;
    font-weight: 600;
}
.signin_hdng h5{
    margin: 12px 0 0;
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
}

.login_body{
    padding: 30px 35px;
}
.eye_btnfill{
    position: relative;
}
.copy_link span{
    font-size: 21px;
    color: #6F7A7C;
}
.copy_link span:hover{
    color: #37AAB2;
}

.login_fillOuter .input_fill {
    margin-bottom: 15px;
}

.trms_check p{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.trms_check p a{
    display: inline-block;
    margin-left: 8px;
    color: #37AAB2;
}
.trms_check p a:hover{
    color: #004254;
}
.forgot_applyOuter {
    display: flex;
    align-items: center;
    margin: 25px -5px 0;
    justify-content: center;
}
.forgot_btn, .apply_btn{
    padding: 0 5px;
}
.create_userOuter{
    margin: 25px 0 0;
    text-align: center;
}
.create_text p{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.create_text p a{
    display: inline-block;
    margin-left: 8px;
    color: #37AAB2;
}
.create_text p a:hover{
    color: #004254;
}

.or_text{
    margin: 25px 0;
    font-size: 15px;
    color: #CECEDB;
    font-weight: 500;
}
.linkedin_btn a{
    background: #FFFFFF;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 19px;
    color: #004254;
    font-weight: 500;
}

.linkedin_btn a span{
    margin-right: 8px;
}
.submit_fill .basic_btn{
    width: 100%;
}
.email_verify {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
    font-size: 15px;
    color: #37AAB2;
    font-weight: 500;
}
.email_verify a{
    display: inline-block;
    margin-left: 8px;
    color: #CECEDB;
}
.email_verify a i{
    font-size: 18px;
}
.email_verify a:hover{
    color: #37AAB2;
}
.resend_btn {
    text-align: center;
}
.resend_btn a{
    display: inline-block;
    font-size: 15px;
    color: #37AAB2;
    font-weight: 500;
}
.sucess_modal .modal-header {
    background-color: transparent;
    padding: 0;
}
.success_mdlpic{
    text-align: center;
    margin-bottom: 40px;
}
.congrats_text {
    margin-bottom: 25px;
    text-align: center;
}
.congrats_text h3{
    font-size: 24px;
    font-weight: 600;
    color: #004254;
}
.congrats_text h3 span{
    display: inline-block;
    margin-left: 5px;
    color: #37AAB2;
}
.congrats_text h5{
    margin-top: 12px;
    color: #6F7A7C;
    font-size: 15px;
    font-weight: 500;
}
.job_modal.register_mdl .modal-dialog {
    max-width: 600px;
}
.create_chk_outer .trms_check {
    margin-bottom: 15px;
}
.create_chk_outer .trms_check:last-child{
    margin-bottom: 0;
}
.trms_check .radio-check input[type='checkbox'] + span{
    margin-top: 2px;
}
.create_sbmit {
    margin: 30px 0 0;
}
.create_sbmit .basic_btn{
    width: 100%;
}
.signin_modal .modal{
    overflow-y: auto;
}

 /* end----login-register_area */

/* -----start----addditional--registration---------- */
    .stptab_steps.register_tabLink ul li{
        width: 20%;
    }
    .register_btnOuter.nxtback_outer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 60px auto 0;
        max-width: 1200px;
    }
.register_hdngTop {
    max-width: 815px;
    margin: 0 auto 55px;
    text-align: center;
}

.register_hdngTop h2{
    font-size: 30px;
    color: #373744;
    font-weight: 600;
    margin-bottom: 15px;
}
.register_hdngTop p{
    font-size: 15px;
    color: #78778A;
}
.connect_pic{text-align: center;}
.custom_wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.connect_outer .row{
    align-items: center;
}
.register_smlHdng h4{
    font-size: 18px;
    color: #373744;
    font-weight: 700;
    margin-bottom: 30px;
}
.connect_list li{
    font-size: 16px;
    color: #78778A;
    display: flex;
    margin-bottom: 16px;
}
.connect_list li:last-child{
    margin-bottom: 0;
}
.connect_list li i{
    color: #37AAB2;
    font-size: 18px;
    min-width: 16px;
    margin-right: 10px;
    margin-top: 5px;
}

.registerform_detalsFoempnl .prsnl_detailsArea{
    padding: 0;
    border: 0;
    background-color: transparent;
}


.skill_selctbx .ui.fluid.dropdown{
    background-color: #EDEDF1;
    height: 50px;
    display: flex;
    align-items: center;
}

.skill_selctbx .ui.multiple.dropdown > .label{background-color: #fff;color: #78778A;font-weight: 500;}


.skill_selctbx .ui.fluid.dropdown > .dropdown.icon{display: none;}

.skill_selctbx .ui.dropdown > .default.text, .ui.default.dropdown > .text{color: #78778A;}
.skill_selctbx .ui.fluid, .skill_selctbx .ui.fluid:hover{
    border-color: transparent;
}
.skill_selctbx .ui.selection.active.dropdown .menu, .skill_selctbx .ui.selection.active.dropdown:hover{
    border-color: #37AAB2;
}
.stptab_steps.register_tabLink ul li.complete{
    color: #CECEDB;
}
.stptab_steps.register_tabLink ul li.complete span {
    color: #fff;
    border-color: #37AAB2;
    background-color: #37AAB2;
}
.stptab_steps.register_tabLink ul li.complete span:after, .stptab_steps.register_tabLink ul li.complete span:before{
    background-color: transparent;
    background-image: url(../images/tick.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.photo_uploadBx .upload_btn{
    margin: 0 auto;
    height: 250px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.photo_uploadBx .upload_txt h4{
    font-size: 16px;
    font-weight: 600;
}

.photo_uploadBx .upload_txt h5{
    font-size: 14px;
}
.file_upload_pic{
    position: relative;
}

.drag_btn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
    height: 34px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #373744;
    font-size: 15px;
    font-weight: 500;
}
.drag_btn i{
    font-size: 14px;
    margin-left: 6px;
}
.upload_range{
    max-width: 245px;
    margin: 35px auto 0;
}
.upload_range .ui-slider-range + .ui-slider-handle{
    display: none;
}

.upload_range .ui-widget.ui-widget-content {
    border: 1px solid transparent;
    background-color: #EDEDF1;
    border-radius: 40px;
    height: 6px;
}
.upload_range .ui-widget-header{
    background-color: #37AAB2;
}
.upload_range .ui-state-default, .upload_range .ui-widget-content .ui-state-default,
 .upload_range .ui-widget-header .ui-state-default, .upload_range .ui-button, html .upload_range .ui-button.ui-state-disabled:hover, html .upload_range .ui-button.ui-state-disabled:active{
     height: 14px;
     width: 14px;
     background-color: #fff;
     box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
     border-radius: 50%;
     border: 0;
     cursor: pointer;
     top: -5px;
 }

 .input_fill .filter_list li .radio-check input[type='checkbox'] + span{
     min-width: 75px;
     text-align: center;
 }
.add_assuranceBtn a i{
    font-size: 18px;
    margin-right: 4px;
}
.add_assuranceBtn a{
    font-size: 16px;
}
.add_assuranceBtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.improvements_outer{
    max-width: 705px;
    margin: 0 auto;
}


/* -----end----addditional--registration---------- */
 /* ----events--page--start------- */

 .event_slctOuter .job_slct_row{
     margin: 0;
 }

 .event_hdng h3{
     font-size: 18px;
     color: #004254;
     font-weight: 700;
     margin-bottom: 10px;
 }
.event_hdng h5{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 15px;
}
.event_hdng h5 i{
    font-size: 18px;
}

.event_tags{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.event_tags .jb_rating{
    color: #004254;
    margin-right: 10px;
    font-size: 15px;
}
.event_tags .jb_rating:last-child{
    margin-right: 0;
}
.wedding_text.jb_rating{
    background-color: transparent;
    border: 1px solid #E3E3ED;
    font-weight: 500;
    color: #6F7A7C;
    font-size: 15px;
}
.event_tags .jb_rating h6{
    margin-left: 4px;
}
.event_pic figure{
    width: 100%;
}
.event_pic{
    margin-bottom: 25px;
}
.event_para p{
    font-size: 16px;
    color: #004254;
    line-height: 26px;
}

.ambassadors_users.event_user ul li a{
    height: 40px;
    width: 40px;
    background-color: #e3e3ee;
    border: 0;
}
.ambassadors_users.event_user ul li{
    margin: 0 3px 0 0;
}
.ambassadors_users.event_user ul li:last-child{
    margin-right: 0;
}

 /* ----events--page--end------- */

 /* ----event-details--end------- */

.top_evntdetails_bx{
    padding: 20px 20px 30px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 10px;
}

.top_evntdetails_bx .top_detailsBx {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 35px 10px 30px;
    position: relative;
    align-items: flex-start;
}
.evnt_cover_pic img{
    width: 100%;
}

.date_bx{
    background: #EDEDF1;
    border-radius: 7px;
    border-top: 15px solid #E8604D;
    width: 86px;
    overflow: hidden;
    text-align: center;
    padding: 5px 10px 10px;
    position: absolute;
    left: 10px;
    top: -60px;
    margin-bottom: 20px;
}
.date_bx h3{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
}
.date_bx h3 span{
    display: block;
    font-size: 30px;
    font-weight: 600;
}

.top_evntdetails_bx .topdetails_left, .top_evntdetails_bx .topdetails_right{
    width: 50%;
}
 
.date_text h5{
    font-size: 14px;
    color: #E8604D;
    font-weight: 500;
    margin-bottom: 10px;
}
.job_hdng.evnt_hdng {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.job_hdng.evnt_hdng h3{
    margin-bottom: 0;
    margin-right: 10px;
}

.top_evntdetails_bx .event_tags{
    margin-bottom: 15px;
}
.vdo_link{
    margin-top: 15px;
}
.vdo_link a{
    color: #FBBB21;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}
.vdo_link a:hover{
    color: #37AAB2;
}
.evnt_list ul{
    display: flex;
    align-items: center;
}
.evnt_list li{
    margin-right: 10px;
    display: flex;
    align-items: center;
    background: #EDEDF1;
    border-radius: 8px;
    padding: 10px;
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.evnt_list li:last-child{
    margin-right: 0;
}
.evnt_list li span{
    margin-left: 5px;
    color: #004254;
}

.asign_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.asign_item {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
/* .asign_item:last-child{
    margin-right: 0;
    padding-right: 0;
} */

.top_evntdetails_bx .top_detailsBx .company_logotxt {
    margin-bottom: 0;
    margin-left: 7px;
}
.top_evntdetails_bx .company_logotxt span{
    font-weight: 600;
    color: #004254;
}
.asign_item h4{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}

.asign_item:last-child:after{
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #C4C4C4;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.evnt_rght_bttm {
    margin-top: 70px;
}

.icon_modal_bxOuter{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.mdlicon_item{
    padding: 0 5px;
    width: 25%;
}
.mdl_iconInnr{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #37AAB2;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    color: #37AAB2;
    font-size: 13px;
    font-weight: 500;
    flex-wrap: wrap;
    height: 85px;
}
.mdl_iconInnr span{
    display: block;
    width: 100%;
    text-align: center;
}
.mdl_iconInnr i{
    margin-bottom: 10px;
}
.mdl_iconInnr:hover{
    background: rgba(100, 100, 255, 0.1);
    border-color: rgba(100, 100, 255, 0.1);
}
.right_evnt_pic {
    margin-bottom: 20px;
}
.pnl_outer .event_para{
    margin: 20px 0 0;
}
.catagory_slideHdng h3{
    font-size: 15px;
    color: #004254;
    font-weight: 500;
}
.catagory_slideHdng{
    margin-bottom: 15px;
}
.evnt_catagory_list ul{
    display: flex;
    flex-wrap: wrap;
}
.evnt_catagory_list li{
    margin: 0 5px 5px 0;
}
.evnt_catagory_list li a{
    background: #EDEDF1;
    border-radius: 5px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    color: #6F7A7C;
    font-size: 14px;
    font-weight: 500;
}
.evnt_catagory_list li a:hover{
    background-color: #004254;
    color: #fff;
}
.catagory_slideInnr{
    border: 1px solid #CECEDB;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 10px 10px 15px;
    min-height: 220px;
    background-color: #F4F4F4;
}
.evenmt_catagory_slider{
    margin: 0 -3px;
}
.catagory_slideItem{
    padding: 0 3px;
}
.evenmt_catagory_slider:after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    width: 95px;
    background-image: url(../images/slider_glw.png);
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
}

.evenmt_catagory_slider .slick-arrow{
    height: 48px;
    width: 48px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(29, 28, 76, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    border: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}
.evenmt_catagory_slider .slick-next{
    right: -20px;
}
.evenmt_catagory_slider .slick-prev{
    left: -20px;
}

.evenmt_catagory_slider .slick-arrow.slick-disabled{
    display: none !important;
}
.evenmt_catagory_slider .slick-arrow:after{
    position: absolute;
    font-weight: 600;
    color:  rgba(29, 28, 76, 0.45);
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.evenmt_catagory_slider .slick-next:after{
    content: "\f105";
}
.evenmt_catagory_slider .slick-prev:after{
    content: "\f104";
}
.sponsor_cmpny ul{
    display: flex;
    align-items: center;
}
.sponsor_cmpny ul li{
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #EDEDF1;
}
.sponsor_cmpny ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.sponsor_cmpny ul li a{
    display: block;
    text-align: center;
}
.sponsor_cmpny ul li a span, .sponsor_cmpny ul li a I{
    display: block;
}
.sponsor_cmpny ul li a i{
    max-width: 42px;
    margin: 0 auto 10px;
}
.sponsor_cmpny ul li a span{
    font-size: 13px;
    font-weight: 500;
    color: #004254;
}

.edit_detailsbtnOuter {
    display: flex;
    align-items: center;
    margin: 25px 0 0;
}

.prdct_detailsBtn {
    width: 100%;
}
.prct_details_editBtn{
    margin-right: 5px;
}
.prct_details_editBtn a{
    background: #FFFFFF;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    width: 50px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
}
.prct_details_editBtn a:hover{
    border-color: #37AAB2;
    color: #37AAB2;
}
.event_galleryOuter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.evnt_gallery_item {
    width: 20%;
    padding: 5px;
}
.evnt_glry_pic img{
    border-radius: 5px;
}
.participantHdng_outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.participantHdng_outer .contnt_hdng {
    margin-bottom: 0;
}
.participantHdng_outer .hdr_srchbar {
    padding-left: 0;
    width: 200px;
}
.inner_tab_links{
    position: relative;
}
/* .inner_tab_links:after{
    position: absolute;
    content: "";
    left: -30px;
    right: -30px;
    bottom: 0;
    background: linear-gradient(180deg, #EBEBEB 0%, rgba(255, 255, 255, 0) 100%);
    height: 5px;
} */
.inner_tab_links ul{
    display: flex;
    align-items: center;
    justify-content:  center;
}
.inner_tab_links li a{
    padding: 15px 40px;
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.inner_tab_links li a i{
    margin-right: 10px;
    font-size: 22px;
}
.inner_tab_links li a::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 3px;
    border-bottom: 2px solid transparent;
    z-index: 9;
}
.inner_tab_links li.active a::after{
    border-color: #37AAB2;
}

.inner_tab_links li.active a{
    color: #004254;
}

.feedback_btn a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #37AAB2;
    border-radius: 5px;
    color: #37AAB2;
    font-size: 15px;
    font-weight: 500;
}
.feedback_btn a i{
    margin-right: 6px;
    font-size: 18px;
}
.feedback_btn a:hover{
    background-color: #004254;
    color: #fff;
    border-color: #004254;
}
.inner_tab_pane .team_topbx{
    background-color: transparent;
}
.inner_tab_pane .team_usr_pic{
    height: 80px;
    width: 80px;
    min-width: 80px;
}
.inner_tab_pane .job_tags {
    margin: 10px 0;
}
.inner_tabcontent{
    padding-top: 20px;
}
.inner_tab_pane .team_item{
    margin-bottom: 10px;
}
.show_feedback a{
    color: #31A61E;
    border-color: #31A61E;
}
.show_feedback a:hover{
    background-color: #31A61E;
    border-color: #31A61E;
}
.ranking_tableinnr{
    overflow-x: auto;
}
.ranking_tableinnr table{
    width: 100%;
}
.ranking_tableinnr th{
    font-weight: normal;
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
}
.ranking_tableinnr th:last-child{
    width: 150px;
}

.ranking_tableinnr th a{
    display: inline-block;
    position: absolute;
}
.ranking_tableinnr th a i{
    font-size: 16px;
    color: #CECEDB;
}
.ranking_tableinnr td{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #EDEDF1;
}
.ranking_tableinnr tr:last-child td{
    border-bottom: 0;
}

.ranking_tableinnr th:first-child, .ranking_tableinnr th:last-child, .ranking_tableinnr td:first-child, .ranking_tableinnr td:last-child{
    text-align: left;
}
.ranking_usr{
    display: flex;
    align-items: center;
}
.ranking_usr i{
    height: 28px;
    background-color: #EDEDF1;
    width: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
    font-size: 16px;
    margin-right: 10px;
}
.ranking_tableinnr td span{
    color: #004254;
    font-size: 15px;
    font-weight: 500;
}
.ranking_mdlPnl li{
    margin-bottom: 10px;
}
.ranking_mdlPnl li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    padding: 15px 20px;
    background-color: #F7F7F9;
}
.ranking_mdlPnl li a i{
    color: #6F7A7C;
}
.action_fill.input_fill{
    margin-bottom: 10px;
}
.action_fill .basic_btn{
    width: auto;
    min-width: 100px;
}
.action_fillOuter{
    margin: 15px 0 0;
}
.action_outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.action_outer .contnt_hdng{
    margin-bottom: 0;
}

.contact_slct{
    min-width: 140px;
}
.ranking_tableinnr .progess_outer{
    width: 100%;
}
#question_1 .ranking_tableinnr th:last-child {
    width: 220px;
}
 #question_2 .ranking_tableinnr th:last-child, #question_2 .ranking_tableinnr td:last-child {
    text-align: center;
}
    

.question_mdl .modal-body{
    padding: 30px 40px;
}
.modal_hdng h4{
    font-size: 24px;
    color: #004254;
    font-weight: 600;
}
.ranking_total_table table{
    background: #EDEDF1;
    border: 1px solid #CECEDB;
}

.ranking_tableinnr.ranking_total_table th, .ranking_tableinnr.ranking_total_table td{
    padding: 10px 20px;
}
#question_3 .ranking_tableinnr th:last-child {
    width: auto;
}

.feedback_usrTop{
    padding: 30px 40px;
    border-bottom: 1px solid #EDEDF1;
}
.feedback_usrTop .expert_details {
    margin: 0 0 0;
}
.gray_rating li a span{
    font-size: 40px;
}
.evnt_feedbackrow{
    margin-bottom: 40px;
}
.evnt_feedbackrow:last-child{
    margin-bottom: 0;
}
.evnt_feedbackrow .details_input_txt label{
    font-size: 16px;
    margin-bottom: 10px;
}
.warning_info{
    display: flex;
    align-items: center;
    margin: 10px 0 0;
}
.warning_info i{
    font-size: 18px;
    margin-right: 5px;
    color: #6F7A7C;
}
.warning_info p{
    color: #6F7A7C;
    font-size: 13px;
    font-weight: 500;
}
.feedback_radio_tags ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.feedback_radio_tags ul li{
    margin: 0 10px 10px 0;
    min-width: 110px;
}
.feedback_radio_tags ul li:last-child{
    margin-right: 0;
}
.feedback_radio_tags li .radio-check input[type='radio'] + span{
    height: 19px;
    width: 19px;
    border: 2px solid #CECEDB;
    border-radius: 4px;
    margin-right: 10px;
    position: relative;
}
.feedback_radio_tags .radio-check{
    align-items: center;
}
.feedback_radio_tags .radio-check p{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.feedback_radio_tags li .radio-check input[type='radio']:checked + span:after {
    height: 9px;
    width: 9px;
    background-color: #6F7A7C;
    border-radius: 2px;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.asign_mobile, .mobile_date{
    display: none;
}
.date_clndr{
    display: none;
}

/* ----event-details--page--end------- */


/* ----event--auction-details---start */
.evnt_cover_pic{
    position: relative;
}
.auction_bnrtext {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-width: 430px;
    padding-left: 30px;
}
.auction_bnrtext h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 50px;
}
.auction_bnrtext h3{
    font-size: 21px;
    color: #000;
    margin-bottom: 25px;
}
.job_modal.auction_bidHow .modal-header{
    background-color: transparent;
    padding: 0;
}
.auction_bidHow .modal-body{
    padding: 65px 100px;
}
.how_bidHdng{
    text-align: center;
}
.how_bidHdng h2{
    font-size: 30px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 15px;
}
.how_bidHdng p{
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 400;
}
.how_bidHdng{
    margin-bottom: 30px;
}
.bid_nmbrpic {
    max-width: 110px;
    margin: 0 auto 15px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.how_bid_item {
    text-align: center;
}
.bid_nmbrtext h3{
    font-size: 16px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 15px;
}
.bid_nmbrtext p{
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 400;
}

.auction_bxOuter .row, .bidders_outer .row{
    margin: 0 -5px;
}
.auction_bxOuter .col-6, .bidders_outer .col-6{
    padding: 5px;
}
.auction_item{
    border: 1px solid #E3E3EE;
    border-radius: 8px;
    position: relative;
}
.discount_price{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E8604D;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 0 8px;
    height: 30px;
    margin: 10px;
}
.auction_car{
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    text-align: center;
    padding: 0 20px;
}
.auction_mdltext{
    padding: 15px 20px 20px;
    border-bottom: 1px solid #E3E3EE;
}
.auction_mdltext h5{
    font-size: 13px;
    color: #E8604D;
    font-weight: 500;
    margin-bottom: 6px;
}

.auction_mdltext h4{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}

.auction_cartext{
    padding: 20px;
}
.auction_proceOuter{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.auction_priceItem{
    width: 50%;
}
.auction_priceItem h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 6px;
}
.auction_priceItem h3{
    font-size: 16px;
    color: #31A61E;
    font-weight: 600;
}
.bidder_item{
    background: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 8px;
    position: relative;
    padding: 32px 20px 25px;
    text-align: center;
}
.bidder_item:after{
    position: absolute;
    content: "";
    height: 65px;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(237, 237, 241, 0) 0%, #EDEDF1 100%);
    opacity: 0.35;
    border-radius: 8px 8px 0px 0px;
    z-index: 1;
}
.bidder_pic, .bidder_rank, .bidder_text{
    position: relative;
    z-index: 2;
}
.bidder_pic{
    height: 70px;
    width: 70px;
    background-color: #e3e3ee;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px;
}
.bidder_pic img{
    height: 100%;
    width: 100%;
}
.bidder_rank {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #EDEDF1;
    border-radius: 5px;
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 600;
    padding: 0 10px;
}
.ylw_rank{
    background-color: #F1BC00;
    color: #fff;
}
.blue_rank{
    background-color: #5496FA;
    color: #fff;
}
.grn_rank{
    background-color: #31A61E;
    color: #fff;
}
.bidder_text {
    padding-top: 20px;
}
.bidder_text h3{
    font-size: 16px;
    font-weight: 600;
    color: #004254;
    margin-bottom: 15px;
}
.bidder_text h5{
    font-size: 13px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 7px;
}
.bidder_text h5 span{
    display: inline-block;
    color: #5F5E8E;
}
.bidder_text h4{
    font-size: 16px;
    font-weight: 600;
    color: #31A61E;
}
.auction_detailsmdl.job_modal .modal-dialog{
    max-width: 1110px;
}
.modal_hdng h6{
    font-size: 13px;
    color: #E8604D;
    font-weight: 500;
    margin-bottom: 10px;
}
.auction_carmdlOuter {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 85px 65px 35px;
}

.left_carpnl {
    width: 50%;
}
.right_cardetailsPnl {
    width: 50%;
    padding-left: 60px;
}
.left_carpnl .thumb_pnl {
    width: 23%;
}
.left_carpnl .slider_pnl{
    width: 77%;
}
.right_cardetailsPnl .details_price h3 span{
    text-decoration: none;
}
.model_para p{
    font-size: 16px;
    color: #5F5E8E;
    line-height: 27px;
    font-weight: 400;
}
.purchase_bx{
    background: #FFFFFF;
    border: 1px solid #E6E8EC;
    border-radius: 8px;
    margin-top: 25px;
    padding: 25px;
}
.purchase_user_outer{
    display: flex;
    margin-bottom: 30px;
}
.purchase_usr{
    height: 46px;
    width: 46px;
    min-width: 46px;
    border-radius: 50%;
    overflow: hidden;
}
.purchase_usr img{
    width: 100%;
    height: 100%;
}
.purchase_usrtext{
    padding-left: 15px;
}
.purchase_usrtext h4{
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
    margin-bottom: 7px;
}
.purchase_usrtext h4 span{
    color: #004254;
    display: inline-block;
    margin-left: 8px;
}
.purchase_usrtext h3{
    font-size: 18px;
    color: #31A61E;
    font-weight: 700;
}
.purchase_usrtext h3 span{
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 600;
}
.purchase_btnOuter {
    display: flex;
    align-items: center;
    margin: 0 -6px;
}
.purchase_btn, .bid_btn{
    padding: 0 6px;
    width: 50%;
}
.purchase_btnOuter a{
    width: 100%;
}
.purchase_tax{
    margin-top: 30px;
    text-align: center;
}
.purchase_tax  h5{
    font-size: 16px;
    color: #777E90;
 }
 .purchase_tax h5  span{
     color: #23262F;
 }
 .purchase_tax h5 strong{
     font-weight: 600;
     color: #004254;
     font-size: 16px;
 }


/* ----event--auction-details---end */



/* ------bid--details--start------------ */
.bid_tags{
    display: flex;
    justify-content: flex-end;
}
.bid_tags a{
    height: 40px;
    width: 40px;
    border: 1px solid #CECEDB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
}
.bid_carBx .top_detailsBx{
    padding-top: 10px;
}
.top_evntdetails_bx.bid_carBx .event_tags {
    margin-bottom: 0;
}
/* .bid_carOuter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 20px;
    position: relative;
}
.bid_carleft, .bid_carright{
    padding: 0 5px;
}

.bid_carleft {
    width: 71%;
}
.bid_carright{
    width: 29%;
}
.bid_car_item{
    margin-bottom: 7px;
}
.bid_car_item:last-child{
    margin-bottom: 0;
}
.apps_icon a{
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6F7A7C;
}
.apps_icon{
    position: absolute;
    right: 20px;
    bottom: 10px;
} */

.bid_carOuter{
    margin-bottom: 25px;
}
.bid_carOuter .thumb_pnl{
    width: 29%;
}
.bid_carOuter .slider_pnl{
    width: 71%;
}
.bid_carOuter .slide_item{
    padding: 0;
}
.bid_carOuter .thumb_nav a{
    padding: 0;
    height: 222px;
}

.exprt_bidprofile_outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.exprt_bidprofile_outer .experts_holderPic{
    height: 70px;
    width: 70px;
    min-width: 70px;
}
.exprt_bidprofile_outer .experts_holdertext h3{
    font-size: 16px;
    line-height: 26px;
}
.exprt_bidprofile_outer .expert_details {
    margin: 10px 0 0;
}
.countdown_bx{
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 25px 30px;
}

.countdown_bx ul{
    display: flex;
    margin: 0 -6px;
}
.countdown_bx ul li{
    width: 25%;
    padding: 0 6px;
}
.countdown_bx ul li a{
    background: rgba(232, 96, 77, 0.15);
    border-radius: 10px;
    padding: 15px 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #E8604D;
}
.countdown_bx ul li a span{
    display: block;
    font-size: 30px;
    color: #E8604D;
    font-weight: 600;
    line-height: 40px;
}
.bid_priceBx{
    margin-top: 10px;
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #31A61E;
    border-radius: 10px;
    margin-bottom: 20px;
}
.bid_priceBx h5{
    font-size: 15px;
    color: #373744;
    margin-bottom: 5px;
}
.bid_priceBx h3{
    font-size: 30px;
    color: #31A61E;
    font-weight: 600;
}
.all_bidsicon{
    margin-top: 25px;
    text-align: center;
}

.all_bidsicon a{
    font-size: 18px;
    color: #6F7A7C;
    display: inline-block;
    font-weight: 700;
}
.fixed_bid .countdown_bx{
    position: fixed;
    top: 77px;
    z-index: 99;
    width: 465px;
}

/* ------bid--details--start------------ */



/* ---groups-----start=---------- */
.expert_box_outer.event_bxpnl.groups_pnlOuter {
    padding: 0;
}
.grps_fill{
    background-image: url(../images/groups.svg);
    background-repeat: no-repeat;
    background-position: left 25px top 50%;
}
.grp_picOuter{
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}
.grp_piclft_pnl{
    width: 65%;
    padding: 0 5px;
}
.grp_picright_pnl{
    width: 35%;
    padding: 0 5px;
}
.grp_bx{
    margin-bottom: 10px;
}
.grp_bx:last-child{
    margin-bottom: 0;
}
.grp_picItem{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 7px;
    display: block;
    position: relative;
}
.grp_piclft_pnl .grp_picItem{
    height: 256px;
}
.grp_picright_pnl .grp_picItem{
    height: 124px;
}

.number_text{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    background-color: rgba(0,0,0,0.5);
    border-radius: 7px;
}
/* .grps_user li:last-child a{
    height: auto;
    width: auto;
} */
.grps_user li a{
    font-size: 15px;
    color: #6F7A7C;
}
.bookmarks_grps a{
    color: #6F7A7C;
    display: inline-block;
}

.bookmarks_grps{
    position: absolute;
    right: 20px;
    top: 20px;
}
.grp_picOuter{
    margin-top: 30px;
}
.list_box .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.list_box .groupsbx_outer {
    display: flex;
    flex-wrap: wrap;
}
.list_box .groups_textbx_pnl {
    width: 60%;
}
.list_box .groups_imgbx_pnl {
    width: 40%;
    display: flex;
    align-items: center;
}
.list_box .details_btn{
    display: none;
}
.list_box .grp_picOuter {
    width: auto;
    margin-left: auto;
    margin-right: 20px;
}
.list_box .grp_picright_pnl, .list_box .grp_piclft_pnl{
    width: auto;
}

.list_box .grp_picright_pnl{
    display: flex;
}
.list_box .grp_picright_pnl .grp_bx + .grp_bx{
    margin-left: 10px;
}
.group_pic {
    height: 256px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    border-radius: 7px;
}
.group_pic img{
    width: 100%;
}
.list_box .grp_piclft_pnl  .grp_picItem, .list_box .group_pic, .list_box .grp_picright_pnl .grp_picItem {
    height: 125px;
    width: 125px;
}
.mobile_slctFilter{
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: #fff;
    z-index: 99;
    padding: 20px;
    height: 88%;
    transition: 0.5s;
    overflow-y: auto;
}

/* ---groups-----end=---------- */

/* ----groups--details--start--------- */

.top_group_bx .evnt_rght_bttm {
    margin-top: 15px;
}
.group_gallery_outer .evnt_gallery_item{
    width: 33.33%;
}
.evnt_gallery_item a{
    display: block;
}
/* ----groups--details--end--------- */

/* company--page--start */


.company_fill {
    background-image: url(../images/company.svg);
   
}

.company_listouter .contnt_hdng h4{
    font-size: 16px;
}
.company_listouter{
    padding-top: 20px;
}
.company_listouter .experts_skill{
    margin-bottom: 15px;
}
.company_listouter .experts_skill:last-child{
    margin-bottom: 0;
}
.company_list_logo a{display: inline-block;max-width: 90px;}

.company_list_logo{
    margin-bottom: 15px;
}
.company_bxItem .event_hdng{
    margin-bottom: 15px;
}
.company_bxItem .contnt_hdng {
    margin-bottom: 10px;
}
.company_bxItem .event_tags{
    margin-bottom: 10px;
}

/* company--page--end */

/* --company--details---page-----start */
.company_detailsSec .experts_holdertext h3{
    margin-bottom: 15px;
}
.company_detailsSec .expert_details {
    margin: 10px 0 0;
}
.awards_pic{
    margin-bottom: 20px;
}
.awardsbx_item{
    background-color: #F7F7F9;
    border-radius: 8px;
}
.award_text h3{
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
}
.award_text h5{
    font-size: 14px;
    color: #78778A;
}
.company_portfoliomdl .thumb_nav a{
    height: 160px;
}
.model_para p{
    margin-bottom: 20px;
}
.model_para p:last-child{
    margin-bottom: 0;
}

.goto_btn{
    margin-top: 25px;
    width: 100%;
}

.company_pnlBx .exprt_profile{
    border-radius: 5px;
    
}
.company_detailsSec .experts_holderPic{border-radius: 6px;}


/* --company--details---page-----end */




/* ==============traning--course=========start */

.training_srchOuter .job_titlebx{
    width: 100%;
}
.traning_fill {
    background-image: url(../images/course.svg);
}
.training_srchOuter{
    margin-bottom: 40px;
}
.catagory_hdngOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.catagory_hdng h3{
    font-size: 22px;
    color: #004254;
    font-weight: 600;
}
.course_outer{
    padding-top: 0;
}
.course_bxItem{
    padding: 10px;
}
.course_outer .col-lg-4{
    margin-bottom: 20px;
}
.course_logo a{
    display: inline-block;
    max-width: 70px;
    border-radius: 10px;
    overflow: hidden;
}
.course_textPnl{
    padding: 10px;
}
.course_rating_outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.course_logo {
    margin-top: -60px;
    position: relative;
}
.course_company h4{
    color: #373744;
    font-weight: 700;
    font-size: 16px;
}
.course_hdng{
    margin-bottom: 15px;
}
.course_hdng h3{
    font-size: 24px;
    color: #373744;
    font-weight: 600;
}
.course_slideItem {
    padding: 0 7px;
}
.course_innr{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.caption_text{
    padding: 25px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.caption_text h5{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index: 2;
}
.caption_text:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 1;
    transition: 0.5s;
}
.course_innr:hover .caption_text:after{
    top: 0;
}

.course_slideOuter .slick-arrow{
    height: 48px;
    width: 48px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 2px 12px rgba(29, 28, 76, 0.12);
}
.course_slideOuter .slick-prev{
    left: -20px;
}
.course_slideOuter .slick-next{
    right: -20px;
}

.course_slideOuter .slick-arrow:after {
    position: absolute;
    color: #00425473;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}
.course_slideOuter .slick-next:after {
    content: "\f105";
}
.course_slideOuter .slick-prev:after {
    content: "\f104";
}
.traning_bxItem{
    background-color: #37AAB2 !important;
    padding: 0 !important;
    overflow: hidden;
    border-color: transparent;
}
.course_pic {
    position: relative;
    max-height: 220px;
    overflow: hidden;
}
.course_pic img{
    border-radius: 7px;
}
.traning_bxItem .course_pic:after{
    position: absolute;
    content: "";
    background-image: url(../images/blue-gredient.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.traning_bxItem .course_textPnl{
    padding: 20px;
}
.traning_bxItem .course_company h4, .traning_bxItem .star_color i, .traning_bxItem .jb_rating span, .traning_bxItem .jb_rating h6{
    color: #fff;
}

.traning_bxItem .jb_rating{
    border: 1px solid #fff;
    color: #fff;
}

.traning_bxItem .border_btn{
    background-color: #37AAB2;
    border-color: #fff;
    color: #fff;
}
.traning_bxItem .border_btn:hover{
    background-color: #fff;
    color: #37AAB2;
}
.traning_bxItem .course_hdng h3, .traning_bxItem .event_hdng h3{
    color: #fff;
}
.course_bxItem  .event_hdng h3{
    margin-bottom: 20px;
}
.traning_bxItem .experts_skill li a{
    background-color: #373744;
    color: #fff;
    border-color: #373744;
}
.traning_bxItem .experts_skill li a:hover{
    background-color: #fff;
    color: #373744;
    border-color: #fff;
}


/* ==============traning--course==list=========end */

/* ====traning---page--start */

.training_bluebx{
    background-color: #03549D;
    position: relative;
}
.training_bluebx:after{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    background-image: url(../images/bubble.png);
    background-size: 100%;
    pointer-events: none;
}
.training_bluebx .top_detailsBx{
    background-color: transparent;
}
.training_bluebx .experts_holdertext {
    padding-left: 0;
}
.experts_holdertext h5{
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
}
.training_bluebx .experts_holdertext h3{
    color: #fff;
}
.course_text h4{
    font-size: 15px;
    color: #F1BC00;
}
.training_bluebx .jb_rating{
    background: rgba(255, 255, 255, 0.1);
}
.training_bluebx .star_color i, .training_bluebx .jb_rating span, .training_bluebx .jb_rating h6 {
    color: #fff;
}
.training_bluebx .expert_details{
    margin-bottom: 20px;
}
.blk_skill_list li a{
    background-color: #373744;
    border-color: #373744;
    color: #fff;
}
.blk_skill_list li a:hover{
    background-color: #fff;
    border-color: #fff;
    color: #373744;
}

.traning_user{
    display: flex;
    align-items: center;
}
.traning_user label{
    margin: 0;
    font-size: 15px;
    color: #fff;
    margin-right: 15px;
}
.traning_user ul li + li {
    margin-left: 5px;
}
.traning_user ul li a{
    background-color: #F7F7F9;
    border: 0;
}
.traning_intermetiate_outer{
    position: relative;
    margin: 15px 0 0;
}
.training_para p{
    color: #fff;
}
.training_bluebx .top_detailsBx{
    align-items: flex-start;
}
.training_bluebx .top_detailsBx .company_logotxt, .training_bluebx .exprt_share {
    margin-bottom: 0;
}
.training_bluebx .asign_item h4, .training_bluebx .company_logotxt span{
    margin-right: 5px;
    color: #fff;
}
.asign_outer {
    display: flex;
    align-items: center;
}
.asign_outer .asign_item:last-child:after{
    background-color: #fff;
}
.training_bluebx .exprt_share{
    margin-left: 20px;
}
.traning_share ul li a{
    background-color: #fff;
}
.traning_star {
    display: flex;
    align-items: center;
    background-color: #E8604D;
    padding: 13px 15px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    min-width: 175px;
    border-radius: 7px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.traning_star i{
    max-width: 27px;
    margin-right: 8px;
}
.training_bluebx .mdl_iconInnr{
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.training_bluebx .mdl_iconInnr i img{
    filter: brightness(0) invert(1);
}
.training_bluebx .mdl_iconInnr:hover{
    color: #37AAB2;
    background-color: #fff;
}
.training_bluebx .mdl_iconInnr:hover i img{
    filter: none;
}

.training_ticklisting p{
    display: flex;
    font-size: 16px;
    color: #78778A;
    line-height: 26px;
    margin-bottom: 25px;
}
.training_ticklisting p i{
    color: #31A61E;
    min-width: 20px;
    margin-right: 10px;
    margin-top: 4px;
}
.training_ticklisting p:last-child{
    margin-bottom: 0;
}
.percentage{
    margin-left: 10px;
    font-size: 14px;
    color: #78778A;
    font-weight: 500;
}

.progress_row .progess_outer{
    min-width: 200px;
}
.progress_row{
    margin-bottom: 15px;
}
.progress_row:last-child{
    margin-bottom: 0;
}

.traning_pnlOuter .details_rightPnl{
    margin-bottom: 20px;
}
.traning_pnlOuter .details_rightPnl:last-child{
    margin-bottom: 0;
}
.course_row{
    display: flex;
    margin-bottom: 15px;
}
.course_row:last-child{
    margin-bottom: 0;
}
.course_icon{
    height: 50px;
    width: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #efefff;
    color: #37AAB2;
}
.course_text{
    padding-left: 5px;
    /* display: flex;
    align-items: center; */
}
.details_tags  .course_text{
    display: flex;
    align-items: center;
}
.course_text i{
    color: #FBBB21;
    font-size: 18px;
    margin-right: 5px;
}
.course_text h3{
    font-size: 16px;
    color: #373744;
    font-weight: 600;
    margin-bottom: 5px;
}
.course_text p{
    font-size: 14px;
    color: #78778A;
}
.traning_pnlOuter .details_hdng{
    margin-bottom: 20px;
}
.traner_outer .exprts_profileinfo {
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.training_outer .job_detailspnl:first-child{
    margin-top: 0;
}

/* ===============end-------------traning--page======== */

/* course_details====start */

.course_tabArea{
    padding-top: 20px;
}
.training_bluebx.course_detailsbx{
    background-color: #37AAB2;
}
.course_duration h5{
    margin: 0 0 0 10px;
}
.course_duration h5 span{
    color: #F1BC00;
}
.course_detailsbx .course_text h4{
    color: #fff;
}
.userexprt_pnltxt{
    display: flex;
    align-items: center;
}
.expert_usr{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.exprt_text h5{
    margin-bottom: 0;
    font-size: 13px;
    padding-left: 10px;
}
.traning_progress {
    margin: 25px 0 0;
    max-width: 225px;
}
.traning_progress .progress_bar{
    background-color: #fff;
}

.traning_progress .progess_outer{
    background-color: #8181fe;
}

.traning_progress .percentage{
    color: #fff;
    margin-top: 15px;
}
.course_detailsbx .traning_star{
    background-color: #fff;
    color: #373744;
}
.course_vdopnl{
    position: relative;
    border-radius: 10px;
}
.course_vdopnl iframe{
    height: 460px;
    border-radius: 10px;
}
.vdo_play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vdo_play a{
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    box-shadow: 0 0 10px rgba(0,0,0,0.12);
}
.stories_pic {
    position: relative;
    box-shadow: 0 0 5px rgb(0 0 0 / 12%);
    border-radius: 8px;
    margin-bottom: 20px;
}
.stories_slideItem {
    padding: 7px;
}
.stories_text h5{
    color: #373744;
    font-size: 14px;
    margin-bottom: 10px;
}
.stories_text h5 span{
    font-weight: 600;
}
.stories_text a{
    display: inline-block;
    font-size: 19px;
    color: #373744;
    font-weight: 600;
}

.stories_text a:hover{
    color: #37AAB2;
}

.stories_slideOuter .slick-arrow {
    height: 48px;
    width: 48px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 2px 12px rgb(29 28 76 / 12%);
}
.stories_slideOuter .slick-arrow:after {
    position: absolute;
    color: #00425473;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}
.stories_slideOuter .slick-prev {
    left: -20px;
}
.stories_slideOuter .slick-next {
    right: -20px;
}

.stories_slideOuter .slick-next:after {
    content: "\f105";
}
.stories_slideOuter .slick-prev:after {
    content: "\f104";
}
.lessons_outer {
    display: flex;
    flex-wrap: wrap;
}
.lessons_lftpnl {
    width: 30%;
    padding: 0 5px;
}
.lessons_rightpnl {
    width: 70%;
    padding: 0 5px;
}
.lessons_rightpnl .job_detailspnl{
    padding: 20px;
    margin-top: 0;
}
.left_innr{
    background: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 10px;
}
.left_innr .contnt_hdng{
    padding: 30px 20px 0;
}
.lesson_rating_row{
    padding: 20px 25px;
    cursor: pointer;
    transition: 0.4s;
    display: block;
}
.lesson_statusOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.lesson_time ul{
    display: flex;
    align-items: center;
}
.lesson_time ul li{
    font-size: 15px;
    color: #6F7A7C;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.lesson_time ul li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.lesson_time ul li + li:after{
    position: absolute;
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #6F7A7C;
    left: -12px;
    top: 10px;
}
.lesson_status{
    color: #373744;
    font-weight: 400;
}
.lesson_status i{
    font-size: 18px;
    color: #31A61E;
}
.lesson_hdng h3{
    font-size: 18px;
    color: #004254;
    font-weight: 700;
}
.lesson_hdng{
    margin-bottom: 15px;
}
.rating_status li i{
    color: #E8604D;
    font-size: 20px;
}
.rating_status li span{
    color: #373744;
}

.lesson_rating_row:hover{
    background-color: #F7F7F9;
}
.lesson_select{
    max-width: 165px;
}
.lesson_detailsHdng{
    margin: 0px 0 20px;
}

.lesson_detailsHdng h2 {
    color: #373744;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}
.lesson_info {
    display: flex;
    align-items: center;
}

.lesson_info .info_rating {
    margin: 0;
    margin-left: 10px;
}
.lesson_info .info_rating i{
    color: #6F7A7C;
}
.lesson_info .info_rating li{
    background-color: #EDEDF1;
    font-size: 13px;
}

.lesson_info{
    margin-bottom: 20px;
}
.course_contentOuter{
    padding-top: 20px;
}

.course_contentBx {
    margin-bottom: 25px;
}
.course_contentBx:last-child{
    margin-bottom: 0;
}
.lesson_btn{
    margin-top: 25px;
}
.task_item{
    border: 1px solid #E3E3EE;
    border-radius: 8px;
    background-color: #fff;
}
.task_outer .row{
    margin: 0 -5px;
}
.task_outer .col-md-6{
    padding: 0 5px;
}
.task_item{
    padding: 25px 20px 20px;
}

.time_rounded i{
    font-size: 18px;
    margin-right: 6px;
}
.task_textPnl {
    padding: 15px 0 0;
}
.task_textPnl h3{
    font-size: 18px;
    color: #373744;
    font-weight: 700;
    margin-bottom: 13px;
}
.task_textPnl p{
    font-size: 16px;
    color: #78778A;
    line-height: 26px;
}
.task_btn{
    margin-top: 15px;
}
.status_btn{
    color: #31A61E;
    border-color: #31A61E;
}
.status_btn i{
    color: #31A61E;
}
.task_item{
    margin-bottom: 15px;
}
.status_btn:hover i{
    color: #37AAB2;
}
.task_panl .lesson_btn {
    margin-top: 0;
}
.question_submit {
    display: inline-block;
}

.scorebx_outer{
    display: flex;
    margin: 0 -4px;
    flex-wrap: wrap;
}
.scorebx_item{
    width: 33.33%;
    padding: 0 4px;
}
.scorebx_innr{
    background-color: #F7F7F9;
    padding: 30px 20px;
    text-align: center;
    border-radius: 8px;
}
.scorebx_innr h5{
    font-size: 15px;
    color: #78778A;
}
.scorebx_innr h4{
    font-size: 16px;
    color: #37AAB2;
    font-weight: 600;
}
.score_certificate{
    margin: 30px 0;
}
.score_certificate img{
    width: 100%;
}
.certificate_bx{
    margin: 30px 0;
}
.donate_certificate{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 45px 65px;
}
.cerficate_line {
    max-width: 50%;
    display: block;
    margin: 0 auto;
}
.certificate_hdng h2{
    text-transform: uppercase;
    font-family: 'EB Garamond', serif;
    font-size: 40px;
    color: #42231a;
    margin-bottom: 20px;
}

.certificate_nameHdng{
    margin: 30px 0;
}
.certificate_nameHdng p{
    font-size: 20px;
    color: #42231a;
    font-family: 'EB Garamond', serif;
}

.certificate_nameHdng h3{
    margin: 20px 0 0;
    font-size: 25px;
    color: #ed7d40;
    font-weight: 700;
}
.certificate_para p{
    max-width: 590px;
    margin: 0 auto;
    list-style: none;
    font-size: 20px;
    color: #42231a;
    font-family: 'EB Garamond', serif;
}
.crtificate_signOuter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
}
.certificate_date{
    margin-right: 30px;
}
.certificate_date h5{
    font-size: 16px;
    color: #42231a;
}
.certificate_date h5 span{
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}
.certificate_stamp{
    max-width: 60px;
    margin-right: 30px;
}
.certificate_sign {
    max-width: 150px;
}

.member_box_outer{
    margin-bottom: 25px;
}
.member_box_outer:last-child{
    margin-bottom: 0;
}
.job_detailspnl_innr .tab-content{
    padding: 30px;
}
.job_detailspnl_innr{
    border: 1px solid #E3E3EE;
    border-radius: 10px;
    overflow: hidden;
}
.lessons_tablink .nav-tabs {
    border-bottom: 0;
    background: #373744;
    border-radius: 10px 10px 0px 0px;
    padding: 5px;
}
.lessons_tablink .nav-tabs .nav-link{
    padding: 10px 15px;
    border: 0;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #E3E3EE;
    font-weight: 500;
}
.lessons_tablink .nav-tabs .nav-item {
    margin-bottom: 0;
    width: 25%;
}
.lessons_tablink .nav-tabs .nav-link i{
    font-size: 18px;
    margin-right: 5px;
}
.lessons_tablink .nav-tabs .nav-item.show .nav-link, .lessons_tablink .nav-tabs .nav-link.active{
    color: #373744;
}
.job_detailspnl_innr .details_faqPnl {
    padding: 0;
}
.course_tabArea .job_detailspnl{
    margin-top: 20px;
}
.blue_bar{
    background-color: #37AAB2;
}

.progress_courseOuter{
    display: none;
}
/* course_details=====end */


/* ================course--upload=steps====--start======================= */

.create_course_sec{
    padding: 75px 0;
    background-color: #fff;
}
.course_uploadLftpnl {
    padding-right: 20px;
}
.course_uploadrghtpnl{
    /* background-color: #fff;
    box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6); */
    border-radius: 8px;
    padding: 30px;
}

.course_fillTop{
    margin-bottom: 20px;
}

.course_fillTop .input_fill:last-child{
    margin-bottom: 0;
}

.rdo_row{
    margin-bottom: 20px;
}
.radio_circle {
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.radio_circle span {
    display: inline-block;
    vertical-align: middle;
}
.radio_circle input[type='checkbox'], .radio_circle input[type='radio'] {
    display: none;
}
.radio_circle input[type='checkbox'] + span {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #6F7A7C;
    margin-right: 5px;
    position: relative;
}
.radio_circle input[type='checkbox']:checked + span:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: url(../images/tick_w.svg) no-repeat center center;
}
.radio_circle input[type='checkbox']:checked + span{
    border-color: transparent;
    background-color: #37AAB2;
}
.radio_circle input[type='radio'] + span {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    margin-right: 5px;
    position: relative;
    border: 2px solid #6F7A7C;
}
.radio_circle input[type='radio']:checked + span:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #37AAB2;
}
.radio_circle input[type='radio']:checked + span{
    border-color: #37AAB2;
}
.radio_circle input[type='radio']:checked + span + p{
    color: #004254;
}
.course_fillHdng h3{
    font-weight: 600;
    font-size: 16px;
    color: #6F7A7C;
}

.course_fillHdng{
    margin-bottom: 15px;
}
.radio_circle i{
    color: #373744;
    font-size: 15px;
    display: inline-block;
    font-style: normal;
    font-weight: 500;
}
.institute_check{
    margin-bottom: 20px;
}
.intrector_row{
    background: #FFFFFF;
    border: 1px solid #E3E3EE;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.intrector_row:last-child{
    margin-bottom: 0;
}
.left_intrector {
    display: flex;
    align-items: center;
    width: 85%;
}
.left_intrector .input_fill {
    margin-bottom: 0;
    width: 100%;
}
.gogle_icon{
    width: 49px;
    min-width: 49px;
    height: 49px;
    background: #F2F2F2;
    border: 2px dashed #CECEDB;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    position: relative;
}
.dlete_btn a{
    border: 1px solid #CECEDB;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004254;
}
.dlete_btn a:hover{
    color: #ff0000;
}

.user_uplodPic{
    width: 115px;
    min-width: 115px;
    height: 115px;
    border: 2px dashed #CECEDB;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}
.upload_filOuter {
    width: 100%;
    padding-left: 15px;
}
.upload_filOuter .input_fill{
    margin-bottom: 6px;
}

.intrector_fillOuter{
    margin-bottom: 20px;
}
.add_plusBtn{
    min-width: 120px;
    height: 34px;
    border: 1px solid #37AAB2;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    color: #37AAB2;
}
.add_plusBtn i{
    font-size: 16px;
    margin-right: 5px;
}

.nxt_prvbtn_Outer{
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.upload_hdng h2{
    font-size: 30px;
    color: #004254;
    font-weight: 700;
    font-family: 'Noe Display Bold';
}
.upload_hdng{
    margin-bottom: 40px;
}
.radio_circle p{
    font-size: 16px;
    color: #6F7A7C;
    font-weight: 600;
}
.course_rdoItem{
    margin-bottom: 30px;
}
.course_rdoItem:last-child{
    margin-bottom: 0;
}

.rdo_menulist {
    padding-left: 25px;
}
.rdo_menulist ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: #6F7A7C;
    font-weight: 500;
}
.rdo_menulist ul li{
    margin-bottom: 15px;
}
.rdo_menulist ul li:last-child{
    margin-bottom: 0;
}
.rdo_menulist ul li a i{
    color: #31A61E;
    font-size: 22px;
    display: none;
}
.rdo_menulist ul li.compelete_grn_tick a i{
    display: block;
    color: #37AAB2;
}
.rdo_menulist ul li a:hover{
    color: #373744;
}
.rdo_menulist ul li.compelete_grn_tick a{
    color: #004254;
}
.course_stepItem{
    margin-bottom: 30px;
}
.course_stepItem:last-child{
    margin-bottom: 0;
}

.coursestep_hdng h3{
    font-size: 18px;
    color: #004254;
    font-weight: 600;
    margin-bottom: 10px;
}
.coursestep_hdng p{
    font-size: 14px;
    color: #6F7A7C;
}

.coursestep_hdng{
    margin-bottom: 20px;
}
.course_stepItem .input_fill {
    margin-bottom: 10px;
}

.uploaded_innrBx.uploaded_vdobx{
    padding: 0;
    position: relative;
}
.vdoplay_Btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vdoplay_Btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
    background-color: #fff;
    border-radius: 50%;
    color: #373744;
}
.course_uploadBx{
    height: 155px;
    width: 155px;
    min-width: 155px;
}
.upload_btn.course_uploadBx{
    background-color: #F2F2F2;
    padding: 30px 10px;
    border-color: #CECEDB;
}
.course_uploadBx .upload_icon span{
    font-size: 30px;
    color: #CECEDB;
}
.course_uploadBx .upload_icon {
    margin-bottom: 10px;
}
.course_uploadBx .upload_txt h4{
    font-size: 16px;
    color: #373744;
    font-weight: 600;
}
.course_uploadBx .upload_txt h5{
    font-size: 14px;
    color: #6F7A7C;
}
.course_lessons_row{
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    background-color: #F7F7F9;
    border-radius: 8px;
    padding: 0 15px;
    margin-bottom: 10px;
}
.lesson_editfill{
    display: none;
    margin: 0 !important;
}
.taskpopup_area .lesson_editfill{
    display: block;
}
 .lesson_editfill .form-control{
    height: 30px;
    border: 0;
    padding: 0;
}
.taskpopup_area .course_lessons_lft {
    width: 100%;
}

.course_lessons_lft p{
    font-size: 15px;
    color: #004254;
}
.course_lessons_right {
    display: flex;
    align-items: center;
}

.lessns_edit{
    margin-right: 25px;
}
.lessns_edit a{
    color: #6F7A7C;
}
.lessns_edit a span, .lessns_details_btn a span{
    font-size: 18px;
}
.lessns_details_btn a{
    font-size: 15px;
    color: #004254;
}
.lessns_details_btn a:hover{
    color: #37AAB2;
}
.input_fill {
    position: relative;
}
.fill_chk{
    color: #6F7A7C;
    font-size: 19px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.css-gb5kat-control{
    border-radius: 0 !important;
    height: 46px !important;
}
.ux_fillOuter label{
    display: none;
}

.ux_details_popupArea {
    background: #FFFFFF;
    box-shadow: 0px 15px 30px rgb(29 28 76 / 20%);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    width: 800px;
    
}
.uxpop_bx, .taskpopup_area, .formula_popup_area{
    transform: translateX(100%);
    transition: 0.5s;
}
.lessons_openpopup .uxpop_bx, .taskopen_popup .taskpopup_area, .formula_openPopup .formula_popup_area{
    transform: translateX(0);
}

.ux_popupHdng{
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(227, 227, 238, 0.1);
    background-color: #004254;
}
.ux_tabs_area .inner_tab_links{
    background-color: #003442;
}
.ux_popupHdng h3{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: flex;
}
.ux_popupHdng h3 span{
    margin-right: 10px;
}
.ux_cross, .task_cross, .formula_cross{
    cursor: pointer;
    color: #fff;
}
.ux_fillOuter{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding: 15px 30px;
    background-color: #004254;
}
.ux_fillOuter .input_fill{
    margin-bottom: 0;
}
.ux_leftFill{
    width: 75%;
    padding: 0 5px;
}
.ux_rightFill{
    width: 25%;
    padding: 0 5px;
}
.ux_fillOuter .input_fill .form-control{
    padding: 0 15px;
}
.ux_tabs_area .inner_tab_pane{
    padding: 30px;
}
.uxfill_innrBody {
    height: calc(100vh - 85px);
    overflow-y: auto;
    overflow-x: hidden;
}

.text_editor{
    border: 1px solid #E3E3EE;
}
.text_editor > span{
    display: block;
    text-align: center;
    padding: 10px 15px;
    border-bottom: 1px solid #E3E3EE;
}
.text_editor .form-control{
    border: 0;
    resize: none;
    padding: 15px;
    height: 200px;
    box-shadow: none;
}

.video_modal .modal-dialog{
    max-width: 910px;
}
.video_modal .modal-header{
    padding: 0;
    border: 0;
}

.video_modal .close{
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    opacity: 1;
    z-index: 99;
}
.video_modal .modal-body{
    padding: 5px;
}
.taskpnl_outer{
    padding: 15px 30px 40px;
}
.answar_row .lessns_edit {
    margin-right: 0;
}
.task_radio ul{
    display: flex;
    align-items: center;
}
.task_radio ul li{
    margin-right: 25px;
}
.task_radio ul li:last-child{
    margin-right: 0;
}
.task_radio .radio_circle p{
    font-weight: 400;
    font-size: 15px;
    color: #78778A;
}
.answar_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.answar_hdng{
    min-width: 80px;
}
.answar_filledit{
    width: 100%;
}
.answar_filledit .course_lessons_row{
    margin-bottom: 0;
}
.answar_check {
    min-width: 120px;
    padding-left: 20px;
}
.answar_check .radio_circle input[type='checkbox'] + span{
    margin-right: 10px;
}
.answar_check .radio_circle i{
    color: #6F7A7C;
}

.coursestep_hdng.msg_hdng{
    margin-bottom: 10px;
}
.coursestep_hdng.msg_hdng h3{
    font-size: 16px;
}
.msg_bxArea{
    background: #f4f4f4;
    padding: 15px;
    min-height: 155px;
}
.msg_bxArea p{
    font-size: 15px;
    color: #004254;
    margin-bottom: 30px;
}
.msg_bxArea p:last-child{
    margin-bottom: 0;
}
.subscribe_chk{
    margin-top: 20px;
}
.subscribe_chk .radio_circle i{
    font-weight: 400;
    color: #78778A;
}

.author_bio .description_fill .form-control{
    height: 170px;
}

.privacy_bx{
    border: 1px solid #E3E3EE;
    border-radius: 8px;
    background-color: #fff;
    padding: 15px;
}
.privacy_para{
    max-height: 380px;
    overflow-y: auto;
    padding-right: 10px;
}
.privacy_para p{
    margin-bottom: 20px;
    font-size: 15px;
    color: #004254;
    line-height: 25px;
}
.privacy_para p:last-child{
    margin-bottom: 0;
}

.selected_rdo p{
    color: #004254 !important;
}
.sucess_tick{
    font-size: 24px !important;
    color: #37AAB2 !important;
    display: none;
    margin-right: 10px;
}
.selected_rdo .sucess_tick {
    display: block;
}
.selected_rdo.radio_circle input[type='radio'] + span{
    display: none !important;
}
.file_btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.text_msg{
    padding: 15px;
}
.text_msg .form-control{
    border: 1px solid #E3E3EE;
}
.update_btn {
    padding: 0 15px 15px;
    text-align: right;
}
.text_msg .form-control:focus{
    border-color: #37AAB2;
}

.step_progress {
    height: 2px;
    position: relative;
}
.back_progress .page_back {
    margin-bottom: 10px;
}
.back_progress{
    display: none;
}
.back_progress .page_back a{
    color: #004254;
}

.ux_tabs_area .inner_tab_links li a{
    color: #fff;
}
.ux_tabs_area .inner_tab_links li.active a{
    color: #FBBB21;
}
.ux_tabs_area .inner_tab_links li.active a::after {
    border-color: #FBBB21;
}
.ux_tabs_area .inner_tab_links li a::after{bottom: 0.5px;}

.taskpopup_area .ux_fillOuter{
    background-color: transparent;
}
.answar_hdng h4{
    font-size: 15px;
    color: #6F7A7C;
}





/* ================course--upload=steps====--end======================= */