@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Roboto';
}
a {
    text-decoration: none !important; 
}
p {
    margin: 0;
}
#myAmount {
    display: none;
}
span#showPass {
    position: absolute;
    top: 14px;
    bottom: 0;
    right: 16px;
    font-size: 20px;
    z-index: 10;
}
i.fa.fa-eye-slash {
    font-size: 12px;
}
i.fa.fa-eye {
    font-size: 12px;
}
input#searchBar {
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
.animate-from-left {
    position: absolute;
     top:0;
    left: -100px;  
    width: 100%;
    height: 100px;
    background-color: #3498db;
    animation: slideFromLeft 0.8s ease-in-out forwards;
  }
  a.logout-hidden-desk {
    visibility: hidden;
}
 .create-offr-heading{
   color: #ff0000; 
   }
/*search bar keyframe for animation*/
  @keyframes slideFromLeft {
    0% {
      left: -400px;
    }
    100% {
      left: 0;
    }
  }
    @keyframes slideOut {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
/*search button mobile */
.search-bar.position-relative svg {
    position: absolute;
    top: 10px;
}
.search-bar.position-relative input {
    padding: 10px 30px;
}
/*search button mobile */
 .img-p.img-discuss.m-0 {
    padding: 20px;
}
.jobstatus span{
   font-size: 12px;
   text-transform: uppercase;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer !important;
    z-index: 1;
    background: #707070;
    padding: 2px 10px;
    color:#fff;
    font-weight:bold;
}


.servicetatus span{
   font-size: 12px;
   text-transform: uppercase;
    position: absolute;
    right: 40px;
    top: 8px;
    cursor: pointer !important;
    z-index: 1;
    background: #707070;
    padding: 2px 10px;
    color:#fff;
    font-weight:bold;
}


 button.ok-btn {
    background: #00C853;
    margin-top: 22px;
    border-radius: 8px;
    padding: 6px 12px;
}
.custom-dropdown {
    position: absolute;
    top: 100px;
    right: 0;
    background: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.text-left.progress-wrap h4 {
    /*margin-top: 243px;*/
}
.fund-release{
    background: #fff !important;
    border: 1px solid #4c9ae5 !important;
    color: #4c9ae5 !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    width: 76px !important;
}
.starrate span.ctrl { position:absolute; z-index:2;}
		.starrate { color:#e5e5e5; cursor:pointer}
		.starrate.saved {color:#ffd700;}
	  .starrate.saved:hover { color:#ffd700;}
div#test {
    font-size: 27px;
}
 
.custom-dropdown-menu {
  display: none;
}
.btn_sign_in{
    gap:30px !important;
}
.is-active .custom-dropdown-menu {
  display: block;
}
#myAmount p{
padding:5px;
}
/*public review css*/
           
            .review-sm{                    
         /*border: 1px solid #e5e5e5;*/
    padding: 10px;}
                    
img.review-img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
}
.fl-sm h3 {
    color: #323232;
    font-size: 21px;
    margin-top:0 !important;
    font-weight: 600;
}
.flex-review-wrap {
    gap: 28px;
    flex-wrap: wrap;
        align-items: center;
}
 
.review-menu {
    display: block;
    margin: auto 0;
    width: 130px;
    color: #.custom-dropdown {
  position: relative;
}

.custom-dropdown-menu {
  display: none;
}

 
.is-active .custom-dropdown-menu {
  display: block;
} 
505050;
    font-weight: 700;
}
.my-3.review-inp-wrap input {
    height: 100px;
}
 
input.review-feed-inp::-webkit-input-placeholder {
   position:absolute;
   top:20px;
   color:#999999;
}

input.review-feed-inp:-moz-placeholder {
  position:absolute;
  top:20px;
  color:#999999;
}
 
/*Discussion Css*/
/*process.php css START (for chat)*/
/*.post-msg-img {*/
/*    width: 100px !important;*/
/*    height: 100px !important;*/
/*    object-fit: cover !important;*/
/*}*/

.post-msg-data svg {
    color: green;
}
.rm-cash-price{
    font-size:15px !important;
}
.title-msg-post {
    height: 25px !important;
    font-size: 16px !important;
}
 
button.btn-post-msg {
    padding: 4px 10px;
    font-size: 10px;
    margin-top: 10px;
}
 
.giveareview {
text-align: center;
    border-bottom: 1px solid #b5b5b5;
    width: fit-content;
    margin: 0 auto;
}
/*process.php css END (for chat)*/
.reciever {
    margin-top:10px;
    width: fit-content;
    margin-left: auto;
    display: block;
    color:#000;
    background:#d9fdd3!important;
    border-radius:12px 12px 12px 12px !important;
    position:relative;
padding: 10px 10px 10px 2px !important;
    justify-content:end;
 
}
.sender {
    position:relative;
    width: fit-content;
    margin-right: auto;
    display: block;
    color:#000;
    background:#f1f1f1 !important;
    border-radius:12px 12px 12px 12px !important;
    padding: 10px 10px 10px 2px !important;
}
.chat-bubble {
    border-radius: 10px;
    max-width: 70%; /* Adjust as needed */
    word-wrap: break-word; /* Wrap long words */
    overflow-wrap: break-word; /* Handle non-breaking words */
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    word-break: break-word; /* Break long words */
}
/* Styling for the sender's chat bubble */
.sender {
    /*background-color: #DCF8C6;*/
    text-align: right;
}

/* Styling for the receiver's chat bubble */
.receiver {
    /*background-color: #E5E5EA;*/
    text-align: left;
}

/* Styling for the circular image */
.cir-img {
    width: 40px; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    border-radius: 50%;
    margin-right: 10px; /* Adjust as needed */
}

/* Styling for the user's name */
.title-name {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

/* Styling for the message content */
.content-para {
    margin: 0;
    font-size: 16px; /* Adjust as needed */
}

/* Styling for the timestamp */
.time_discuss {
    font-size: 12px;
}
.reciever p{
color:#000;
color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 100;
}
.sender p{
color:#000;
color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 100;
}
.reciever img {
    width: 36px !important;
    height: 36px !important;
    position: absolute;

    right: -48px;
    top: 0px;

}
.sender img{
   width: 36px !important;
    height: 36px !important;
    position:absolute;
left: -40px;
    top: 0px;
}
.time_discuss.text-left.mt-0.reciever,
.time_discuss.text-left.mt-0.sender.p-0,
.content-para.content-message.reciever,
.content-para.content-message.sender {
    padding: 0 !important;
}
.time_discuss.text-left.mt-2.reciever.p-0 {
    padding: 0 !important;
    margin: 0 !important;
}
.title-time-sub.reciever {
    gap: 10px;
        margin: 0 !important;
    padding:0 !important
    }
.title-time-sub.sender {
    gap: 10px;
        flex-direction: row-reverse;
        padding:0 !important
}
 .content-para.content-message.reciever{
     text-align:right !important;
       color:#323232;
 }
 
 .content-para.content-message.sender{
     text-align:left !important;
     color:#323232;
 }
 
.items-title.sender {
    padding: 0 !important;
    width: unset;
    margin: 0 0 5px 0;
    justify-content:start;
    background:none  !important;
}
.items-title.reciever {
    padding: 0 !important;
    width: unset;
    margin: 0 0 5px 0;
    justify-content:end;
    background:none  !important;
}
 
.logo_new_instant {
    width: 200px !important;
    display: flex;
    margin: 0 auto;
        padding-top: 32px;
}
/* Style the button as per your design */

.funded-amount {
                    padding: 8px !important;
    background: #F1F3F4;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    }
.receiver-sender-chat-wrap {
    padding: 15px 50px;
    /*margin-bottom: 65px;*/
}
p.alternative {
    font-size: 13px;
}

.collection-earnings {
    background: #fff;
    border-radius: 20px;
}
p.alternative::before { /* add the new bullet point */
  display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 0.5rem;
    background-color: #bdbdbd;
}

p.alternative::before { /* and another color */
    background-color: #cbcbcb;
}
p.exclamation svg {
    background: red;
    color: #fff;
    border-radius: 50%;
}
p.exclamation {
    color: #242424 !important;
}
.btn-go-wallet {
    background: #047e04 !important;
    padding: 8px 16px;
    width: 100%;
    color: #fff !important;
    border-radius: 6px;
}
.toogle-menus {position: relative !important;    float: right;    width: 30%;} 
.drop_msg_list {
    display: none;
    position: absolute;
    top: 18px;
    background: #fff;
    width: 110px;
    box-shadow: -1px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    right:16px;
}
.drop_msg_list p:hover{
background:#e5e5e5;
}
.hidden__msg-list{
        opacity: 0.3;
}
.drop_msg_list p{
font-size:13px;
border-bottom: 1px solid #e5e5e5;
}
.btn_budget_confirm{    border-radius: 6px;background: #047e04;padding: 8px 44px;width: 100%;}
 .msg_person_img svg{
    width: 60px !important;
    height: 60px !important;
    color: red !important;
    position: absolute;
    left: 30px;
    top: 30px;
 }
 
.shown {display:block !important;}

.bell_icon_head:active,
.activees {
  color: #fff !important;
    background: #00C853;
}
/*propose-quote*/
.global_post_wrap{
    background:#fff;
}
.quote-img-wrap{
   gap: 18px;
}
.quote-pt{
    font-size:13px
}
p.post-time {
    color: #787878;
}
 .state-list-wrapper {
    cursor: pointer;
    top: 61px;
    width: 91%;
}
p.senders_msg {
    overflow: hidden;
    height: 20px;
}
.d-flex.my-2 {
    align-items: center;
}
/*propose-quote End*/
/*Notification page css*/
.form-control:focus {
background:#fff !important;
}
.notification_middle_container{
       width: 100%;
    flex: 0.5;
    padding: 0 32px; 
}
 
.notification_title h4{
    font-size:20px;
} 
.senders_name,.senders_msg{
    font-weight: 500;
    color: #323232;
    font-size: 14px;
}
p.notification_time.font-weight-bold {
    font-size: 14px;
    color:#000;
}
.notification_indicator{
    text-align:center;
    justify-content:center;
}
 .notification_indicator svg{
    background: #00c853;
    color: #00c853;
    width: 16px;
    height: 16px;
}
 .notif_indicator svg{
    background: #920303;
    color: #920303;
}
img.notification_img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.Customer-support-wrap .senders_msg, .cus_support_time {
    color: #920303 !important;
}
.notif_see_all{
        display:none;
    }
.notif_see_all p{
        color:#00b8ff;
    }
/*End*/

.edit_img-close{
position: absolute;
    right: -5px;
    border-radius: 50%;
    top: -9px;
    background: #B00020;
    font-size: 14px;
    border: 2px solid #fff;
    padding: 2px;
    width: 23px;
    height: 23px;
    z-index: 1;
}
/*delete photos by cross css*/
.img-wrap {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.img-wrap .close {
   
    border-radius: 50%;
    top: -9px;
    background: #B00020;
    font-size: 14px;
    border: 2px solid #fff;
    padding: 0px;
    width: 23px;
    height: 23px;
    z-index: 1;
}
 .close:hover {
        opacity: 1.75 !important;
}
 .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 2px !important;
    opacity: 3.5;
    cursor: pointer;
}
 
 .close:hover{
 background:#B00020;
     color:#fff;
 }
.img-close{
    position:absolute;
    left:68px;
}

 .sponsor-posts{
         background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px 0 0 5px !important;
    border-right: none;
 }
 button.sell_servc_btn {
    background: #0090FF !important;
    color: #fff !important;
}
.check_currency{
    font-weight:600;
}
 
        #myTextarea {
            width: 100%;
            padding: 6px 0 6px 6px;
            box-shadow:none;
            border:1px solid #ced4da;
        }
 


/*manage post*/
.manage-posts-wrap{
    position:absolute;
    top:10px;
    right:0;
    color:#fff;
    cursor: pointer;
}
svg.inner_layer {
    position: absolute;
    right: 7px;
    top: 9px;
    color: #fff;
}

.status-id {color:#323232;}
.dropdown_wrap_contain {
  position: relative;
  display: inline-block;
}

.dropdown-toggle_Wrap {
  color: #fff;
  cursor: pointer;
}
.dropdown-toggle_Wrap:hover{
background:#000;
color:#fff;
}

.dropdown-mennuu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-top: 5px;
  padding: 0;
  list-style: none;
  display: none;
}

.dropdown-mennuu li a {
  display: block;
  padding: 5px 9px;
  text-decoration: none;
  color: #333;
}

.dropdown-mennuu li:hover {
  background-color: #f0f0f0;
}
.dropdown-mennuu li {
  width:100%;
}

/*manage post*/
 
    .wrapper_cash_total svg {
    color: green !important;
	padding-bottom: 2px;
}

/** BEGIN CSS NEEDED FOR SWITCH **/
.on-off-toggle {
  padding-top: 8px;
  width: 56px;
  height: 24px;
  position: absolute;
  display: inline-block;
  right: 42px;
  top: 5px;;
}

.on-off-toggle__slider {
  width: 56px;
  height: 24px;
  display: block;
  border-radius: 34px;
  background-color: #d8d8d8;
  transition: background-color 0.4s;
  
  &:before {
    content: '';
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0 1px #949494;
    bottom: -5px;
    height: 18px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 18px;
    z-index: 5;
    border-radius: 100%;
  }
  
  &:after {
    display: block;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    content: 'off';
    color: #484848;
    padding-left: 26px;
        position: absolute;
    right: 6px;
    transition: all 0.4s;
  }
  
}

.on-off-toggle__input {
  /*
    This way of hiding the default input is better 
    for accessibility than using display: none;
  */
      top: -8px;

  position: absolute;
  opacity: 0;
}

.on-off-toggle__input:checked + 
.on-off-toggle__slider {
  background-color: #000;
  
  &:before {
    transform: translateX(32px);
  }
  &:after {
    content: 'on';
    color: #FFFFFF;
    padding-left: 8px;
        position: absolute;
    right: 33px;
  }
}


/*** END CSS NEEDED FOR SWITCH **/

  .btn_new_post { background: #316bf1;
    padding: 2px 12px;
    font-size: 14px;}



.radio {
    position: relative;
}
#red{
    display:none;
}
.show-hide{
    margin-top:20px;
}
.search-slt:focus {
    border: 2px solid #000;
}
.empty_space_container{
    margin:32px 0 0 0;
}
form#advance_search {
    display: flex;
    align-items: center;
}
.payment_bg{
    background:#fff;
    padding: 20px;
    text-align: center;
}
.modal-dialog.content_pop_up_centered {
    transform: translate(40px,140px) !important;
}
textarea#message {
padding:10px;
}
.message-dot {
    position: absolute;
    top: 45px;
    left: 50px;
    width: 8px;
    height: 9px;
    background-color: red;
    border-radius: 50%;
}
.col-prop-person img{
    width:60px;
}

.dream.interview_dream {display: flex;gap: 16px;margin: 0 !important;padding: 16px 0;}
.anc_cancel{color: #0097d3;}
/*::placeholder { color: #aaaaaa;}*/
input#search {padding: 8px 17px;}
.img-pro-fl {display: flex !important;align-items: center !important;justify-content: space-between;gap: 10px;}
.inp_and_icon{position:relative;}
.inp_and_icon i{position: absolute;right: 20px;bottom: 13px;font-size: 18px;}
/*.img-pro-fl.middle_bord {padding: 16px 0;}*/
.for-spac{    border-bottom: 1px solid #d5d5d5;
    padding: 12px 0;}
    .interview_section p {
    padding-bottom: 16px;
}
.modal_second_wrap{
    transform: translate(31px,107px) !important;
   
}
.create_icon_wrap i:before {
     top: 33px;
    right: 10px;
    position: absolute;
    color: #00c853;
}
.create_icon_wrap-pay i:before {
    top: 11px;
    right: 10px;
    position: absolute;
    color: #00c853;
}
.create_remove_wrap i:before{
    top: 12px;
    right: 10px;
    position: absolute;
    color: #00c853;
}
.summary_icon_wrap i:before {
    top: 57px;
    right: 10px;
    position: absolute;
    color: #00c853;
}
.summary_remove_wrap i:before {
    position: absolute;
    color: #00c853;
    right: 9px;
    top: 14px;
}

/***************************************/
.modal-body.content_whole_wrapper_invite {padding: 25px 17px 10px 17px;}
.content_popup_position{    transform: translate(30px,49px) !important;}
.dream{display:flex; gap:16px;}
.dream.interview_dream {display: flex;gap: 16px;margin: 0 !important;padding: 16px 0;}
.message_text_area {display: flex;justify-content: space-between;gap: 10px;margin-top: 14px;}
textarea#textbox{background: #fff;border-radius: 5px;     padding: 8px;}
.btn_snd_cancel{text-align:end; padding: 16px 0 0 0;}
.interview_section h3{font-size: 20px;  font-weight: bold;}
.interview_section p{color:#323232 !important; font-weight: normal !important;}
button.send_btn {background: #0090FF !important;border-radius: 10px; width:unset !important;color: #fff !important;padding: 8px 42px !important;font-size: 16px !important;}
.anc_cancel{color: #0090FF; background:none;}
::placeholder { color: #000;}
.dream-star h6 {font-weight: 600;}
.count_msg {display: flex; justify-content: space-between; flex-wrap: wrap;}
.count_msg p {color: #707070 !important; font-weight: normal !important;}
.letter_counter span {font-size: 12px;}
.post-menu-contain {
position: fixed !important;
    right: 10em !important;
    top: 7em !important;
    z-index: 1 !important;
}
.post-msg-list{
        top: 18px !important;
 
    right: 13rem !important;
}
/***************************************/
.refer_title_summary {
    padding-left: 16px;
    margin-bottom: 11px;
}

.section:hover input {
    background: #e5e5e5;
}

.section:hover input#ddl_list {
    background: #fff;
     border-left:2px solid #e5e5e5 ;
}

.input::placeholder {
    color: #707070 !important;
    font-weight: 700px;
    opacity: 1;
}

.input:-ms-input-placeholder {
    font-weight: 700px;
    color: #707070 !important;
}

.input::-ms-input-placeholder {
    font-weight: 700px;
    color: #707070 !important;
}

.col-8.prize_service_controller {
    padding: 0;
}

select.form-control.cur-item-1 {
    background: #dddddd;
}

input.form-control.cur-input-2 {
    border: unset;
    background: transparent;
    position: absolute;
    right: -152px;
    top: -51px;
    padding: 0;
    width: 130px;
}

.change-box {
    display: none;
}

/*select_services.php*/
button.services_child_container .container {
    margin-top: 10px;
}

.services_child_container {
    background: none;
    border: 1px solid #cfcfcf;
    height: 113px;
    padding: 0 10px;
}

p.text-center.lets.sevices_topic_ {
    padding: 32px 16px;
}

.card_for_services.services_parent_container.d-flex {
    justify-content: center;
    gap: 18px;
}

button.services_child_container p {
    font-size: 13px !important;
}

button.services_child_container svg {
    width: 50px;
    height: 50px;
}

/*select_services.php*/
#search-input {
    display: none;
}
.dropdown-toggle::after{
    display:none !important;
}
.dropdown-menu {
    background: #fff;
    padding: 8px 0 0 8px;
    border: none;
    box-shadow: -1px 8px 16px 0px rgb(0 0 0 / 20%);
}
ul.dropdown-menu li a {
  color:#000;
}
.notification_header_list a:hover {
  color:#000 !important;
  background:#ecffe9 !important;
}
.notification_header_list a {
padding:10px !important;
 
}
 
input#search-input {width: fit-content; margin-left: 10px;  border: none;  height: 25px;  width: 12%;}
input#search-input2 {width: fit-content; margin-left: 10px;  border: none;  height: 25px;  width: 12%;}


/*search fetch data*/
div#userList {
    position: absolute;
    top: 47px;
    background: #fff;
    width: 531px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

ul.list-unstyled {
    padding: 16px;
    display: grid;
    margin: 0;
}
ul.list-unstyled a {
    color: #767676;
     font-weight: 600;
    font-size: 16px;
    margin-left: 8px;
}
ul.list-unstyled li {
    padding:5px 0;
    display:flex;
    gap:10px
}


/*--------------------------------------------------------------------------*/
/*search result*/
.notification_header_list{
       transform: translate3d(-95%, 35px, 0px) !important;
       width:400px;
}
ul.dropdown-menu.notification_header_list.show {
    display: grid;
    height: fit-content;
    overflow: scroll;
    max-height: 400px;
}
ul.dropdown-menu.notification_header_list.show a{
height:fit-content !important;
}
 
ul.dropdown-menu.notification_header_list.show::-webkit-scrollbar {
display:none;
}
ul.dropdown-menu.notification_header_list.show li{
    margin:0;
}
ul.dropdown-menu.notification_header_list.show:hover{
    background:#fff !important;
}

.notification_header_list.show::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.notification_header_list.show::-webkit-scrollbar-track {
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  /*border-radius: 10px;*/
}
/* Handle */
.notification_header_list.show::-webkit-scrollbar-thumb {
  background: #000; 
  border-radius: 10px;
}
.notification_header_list li a{
    width:100%;
}
.search_results_topic p {
    background: #fff;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 12px;
}

.search_results_topic svg {
    width: 14px;
    margin-left: 5px;
}

.search_results_topic {
    align-items: center;
}

.search_result_row {
    gap: 10px
}

.dream {
    display: flex;
    gap: 14px;
    align-items: center;
}

.search_detail_container {
    align-items: center;
    justify-content:space-between;
}

tr.table-row_users td {
    font-size: 14px;
    padding: 10px;
}

tr.table-row_top {
    text-align: center;
}

.img_search_container {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover
}

.batch_small_green {
    width: 14px;
    margin-right: 5px;
}

.d-flex.search_detail_container h6 {
    padding-bottom: 4px;
}

.container_search {
    padding: 32px;
    overflow: hidden;
    border-radius: 8px;
}

.topic_search_result p {
    font-size: 13px;
    font-weight: 600;
}

.topic_search_result {
    padding: 20px 0;
}


.tags-input-wrapper {
    background: transparent;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
}

.tags-input-wrapper input {
    border: none;
    background: transparent;
    outline: none;
    width: 160px;
    margin-left: 8px;
}

.tags-input-wrapper .tag {
    display: inline-block;
    background: #F1f3F4;
    border: #F1F3F4;
    color: #323232 !important;
    border-radius: 8px;
    padding: 7px;
    margin: 0 6px 6px 0 !important;
}

.tags-input-wrapper .tag a {
    margin: 0 7px 3px;
    display: inline-block;
    cursor: pointer;
}




input.btnn {display: none;}
/*.upload_wrap_profile {display: flex !important;}*/
.outer {position: initial;}
.outer>a {position: absolute;    top: 0;    left: 0;   bottom: 0;    right: 0;}
.inner {position: relative; pointer-events: none; z-index: 0; width: max-content;}
.inner a {pointer-events: all;}
.likedislike {position: relative;   z-index: 9999;}
.main_row_wrapper {margin-right: 0 !important;}
.carousel-inner {z-index: 0 !Important;}
p.skills {padding: 8px !important; background: #F1F3F4; border-radius: 10px; font-weight: 600; font-size: 12px; color: #323232; }
.skill_hobbies_ { margin-left: 2px;    gap: 10px;    flex-direction: row;flex-wrap: nowrap;}
.head_rt_svg:focus {background-color: green;}
label.lbl.lbl-b.active {text-align: center;}

a.post-create {
    padding: 0 16px;
}
select#city {
    border: 1px solid #ced4da;
    height: 38px;
    border-radius: 5px;
}
.middle_container {
    width: 100%;
    flex: 1;
    padding: 0 32px;
}
.middle_container_profile {
    width: 100%;
    flex: 1;
    padding: 0 0 0 18px;
}
textarea#myTextareas {
    border: 1px solid #d5d5d5;
}
.pro-jobs-servc {
    padding: 0 !important;
}

.transfer_methods {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 50px;
    padding: 10px;
    gap:26px;
    border-bottom: 1px solid #a7a7a7;
}

p.pay_online {
 
    color: #3a3a3a;
    /*font-weight: 600;*/
    font-size: 13px;
}

img.fpx_logo {
    width: 56px;
}
div#log input {
    display: none;
}

.modal-dialog {
    max-width: 690px ;
}
 
.modal-body {
    padding: 32px 32px 20px 32px;
}

h3.hobbies_wrap {
    margin: 0 !important;
    padding: 10px 0 !important;
}

.modal-dialog.modal-lg {
    margin: 10.75rem auto !important;
}

.skills_wrap_inp {
    margin-bottom: 16px !important;
}

.bio-title.edit_profile_bio_wrap h3 {
    margin: 0 !important;
    padding-bottom: 8px !important;
}

.modal-footer {
    padding: 16px 32px !important;
    border-top: none !important;
}

.white_img_heart_wrap {
    width: 19px !important;
    cursor: pointer;
}


button.invite-jop-post {
    background: #fff !important;
    border: 1px solid #00C853;
}

.profile-mid_right_btns button a {
    color: #fff;
}

.profile-mid_right_btns button {
    width: 100%;
    background: #cfcfcf;
    font-weight: 600;
    font-size: 15px;
    padding: 10px;
    border-radius: 10px;
    color: #000;
}

button.invt-job-intrvw {
    background: #00C853;
    color: #fff;
}

.profile-mid_right_btns {
    display: grid;
    gap: 12px;
}

.bnt-fill-green:hover {
    background: #00AE48;
    color: #FFFFFF;
}

/* Round Buttons Css */
div#log {
    width: 200px !important;
    display: grid;
    gap:10px
}
.btn-round {
    height: 30px;
    border-radius: 32px;
    padding: 0 15px;
    display: grid;
    place-content: center;
    text-align: left;
    font-weight: bold;
    border: 2px solid #707070;
    background: #fff;
    opacity: 1;
    color: #707070;
    width: fit-content;
}

.btn-round:hover {
    border: 2px solid #323232;
    color: #323232;
    font-weight: 600;
}

label.btn-round.active {
    background: #323232;
    color: #fff;
    border: 1px solid #000;
}

/*header buttons*/
.dropbtn:hover {
    color: #fff !important;
    background: #00C853;
}

.downld_contact {
    width: 164px;
}

/*another buttons*/
button.invite-jop-post {
    background: #fff !important;
    border: 1px solid #00C853;
    color: #00C853 !important;
}

.manage_post_wrap {
    font-size: 14px;
}
.post_spon_post{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 5px 5px 0;
    border-left:none;
}
 
.btn_submit_approval {
    float: left;
    margin: 20px 0;
}
textarea#textbox:focus {
    border: 1px solid #000;
    background: #fff !important;
}

/*USER VIEW BUTTON*/
button.invt-job-intrvw {
    background: #00C853 !important;
    color: #fff !important;
}

button.invite-jop-post {
    background: #fff !important;
    border: 1px solid #00C853;
}

/*payment checkout buttons*/
div.vertical-line {
    height: 41px;
}
button.add-pay-btn {
    background: #28a745;
}
.add-pay-opt i{
    top:0 !important;
}
div.vertical-line.up {
    border-left: 2px solid #bbbbbb;
    position: absolute;
    left: 35px;
}
div.vertical-line.down {
    border-left: 2px solid #bbbbbb;
    position: absolute;
    left: 35px;
    top: 67px;
    
}
.paid-btn{
background: #00c900;
    color: #fff;
    font-size:12px;
    font-weight: 500;
    padding: 4px 10px !important;
    width: 76px;
}
.right-collection{
    padding: 15px 68px 25px 14px;
}
.flex-collection{
    width: 543px;
}
button.checkout_no.pay_check {
    color: #000;
    border-radius: 26px;
    padding: 6px 42px;
    background: #efefef;
    font-weight: bold;
}
button.checkout_now.pay_check {
    color: #fff;
    border-radius: 26px;
    padding: 6px 42px;
    background: green;
    font-weight: bold;
}
.checkout_btn {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 110px 0 0 0;
}
.checkout_titles {
    display: grid;
    gap: 15px;
    place-items: center;
}
.checkout_titles svg {
    width: 75px;
    height: unset;
    color: #00C853;
}
.three-btn-fund button {
    background: #fff;
    border: 1px solid #4c9ae5;
    color: #4c9ae5;
    padding: 4px 10px !important;
    font-size: 12px;
    width: 76px;
}
/*EDIT BUTTONS IN PROFILE*/
button#edit_profile_wrap {
    color: #0090FF !important;
    font-size: 12px;
}

.btn_profile_edit:hover {
    background: #F1F3F4 !important;
}

button.btn.btn_close_wrap {
    color: #007bff;
    font-size: 14px;
}

button.btn.btn_save_wrap {
    color: #fff;
    background: #0090FF;
    height: 40px;
    width: 94px;
    border-radius: 8px;
    font-size: 14px;
}

/*portfolio buttons*/
button#del {
    position: absolute;
    right: -5px;
    border-radius: 50%;
    top: -9px;
    background: #B00020;
    font-size: 11px;
    border: 2px solid #fff;
    padding: 0px;
    width: 20px;
    height: 20px;
}

/*manage post button css*/

    .section_drop_show button{   
    font-family: 'Roboto' !important;
    font-size: 14px!important;
    height: 40px !important;
    font-weight: bold;
    display: flex;
    gap: 20px;
    padding: 10px 8px !important;
    align-items: center;
    border: 1px solid #1f1f1f !important;
    border-radius: 5px;
    background: #1f1f1f;
    color: #fff;
    width: 150px;
    }
    /*.inner_layer { background:#ddd; }*/
    .section_drop_show:hover button {color:#fff !important;  background:#000; }
    .section_drop_show:hover focus {border:1px solid #9f9f9f !important; }
    .section_drop_show:hover .inner_layer {  color:#fff !important; }
    
    /*wallet button*/
    .btn_widra_coupon{
        padding:10px 25px !important;
        border: 2px solid #00C853 !important;
        font-weight: 600;
    }
    .btn_widra_coupons{
        padding:10px 28px !important;
        border: 2px solid #00C853 !important;
        font-weight: 600;
    }
    .btn_widra_coupone{
        padding:10px 22px !important;
        font-weight: 600;
    }
    
    /*transaction button css*/
    select#myDropdaown {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    width: 67%;
}
.btn_download_wrap{
    padding: 8px 17px !important;
}
/* BUTTON CSS END */

/************TOP-UP-WALLET END*************/

button.btn.btn-success.create_sell_serivices {
    background: #10df66;
    border: 1px solid #10df66;
}

.btnn-icn i {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.mr-in:hover {
    text-decoration: none;
}

p.pp2 a {
    color: #323232;
}

div#one {
    border: none !important;
}

div#two {
    border: none !important;
}

a.btn.btn-sign-up {
    float: left;
    color: #fff;
    position: absolute;
    margin-top: 123px;
    position: absolute;
    color: #fff;
    background-color: #007bff;
    left: 39%;
}

.btnn-icn {
    display: flex;
    align-items: center;
}

img.heart-img {
    width: 30px;
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer !important;
}

a.ser-pro {
    position: fixed;
    width: 26%;
    z-index: 999;

}

.Sponsor a {
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif;
    color: #fff;
}

.ser-pro img {
    padding: 0 72px;
    display: block;
    max-width: 100%;
    height: 60px;
    margin-left: 1rem;
    object-fit: contain;
    background: #fff;
    width: 320px;
}

.edit-profile a {
    color: #00C853;
}

.d-flex.first-profl {
    justify-content: space-between;
}

.img-heart-nm {
    display: flex;
}

i.fa-solid.fa-star {
    color: #ffd700;
    font-size: 10px;
}

.heart-img-head {
    justify-content: space-between;
}

a.spnsr-serv-pro {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px !important;
}

a.contc-us {
    border-bottom: 1px solid #000;
}

i.fa-solid.fa-star.star-gr {
    color: #00000029;
}

.title_img {
    display: flex;
}

.d-flex.two-lb.align-items-center.job-listing-fl {
    justify-content: space-between;
}

.clock-time {
    display: flex;
    align-items: flex-end;
}

.clock-time i.fa-regular.fa-clock {
    padding-right: 8px;
    font-size: 17px;
    padding-bottom: 3px;
    color: #323232;
}

.mobile-show {
    display: none;
}

/*-------------------------------------------------------------------------*/
/****************SEARCH-SERVICES*********/

button.accordion:after {
    font-family: FontAwesome;
    content: "\f078";
    font-family: "fontawesome";
    font-size: 18px;
    float: right;
}

.search_services_cont input {
    margin-bottom: 17px;
    padding: 28px;
}

button.accordion.is-open:after {
    content: "\f077";
}

.accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
    max-height: 0;
}

/****************SEARCH-SERVICES*********/
/* just check*/
input[type="file"] {
    display: block;
    font-size: 30px;
    border: 1px solid #D2D2D2;
    padding: 16px;
    width: 77px;
    height: 85px;
    text-align: center;
    border-radius: 5px;
}

.imageThumb {
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}

.pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}

.remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
}

.remove:hover {
    background: white;
    color: black;
}

/* just check*/
.search_msg_wrapper {
    background: #fff !important;
    padding: 10px;
}
input.frst-task {
    margin-bottom: 25px;
    padding: 7px;
    border-radius: 5px;
}

.input-task {
    display: grid;
}

label.lst-plus.plus-resp {
    width: 100% !important;
}

input.inp-plus {
    width: 100%;
}

.hide-wrapper i {
    position: absolute !important;
    left: 94% !important;
}

.second-mid.col-lg-8.example {
    height: 819px;
    margin-top: 63px;
}

.title {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    column-gap: 0.2rem !important;
    text-align: center;
    font-size: 17px;
    color: gray;
    font-weight: 100;
}

.title::before,
.title::after {
    content: "";
    height: 2px;
    background-color: #a1a1a1;
    display: block;
}

ul.pro-ul li {
    color: #000;
    font-weight: 700;
    font-size: 13px;
}

.d-flex.flex-column.lists a {}

/*profile-page-start*/
 
.bck-white {
    background: #fff;
    padding: 20px;
}

.flx {
    justify-content: space-between;
    padding-bottom: 5px;
}

.main-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

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

.bio-title h3 {
    color: #323232;
    font-size: 21px;
    margin: 32px 0 8px 0 !important;
    font-weight: 600;
}

button.btn-prof {
    border-radius: 12px !important;
    border: 1px solid #00C853 !important;
    font-size: 10px !important;
    padding: 2px 7px 2px 8px !important;
    background: #fff !important;
    color: #00C853 !important;
}
 
.bio-quali {
    width: 70%;
}

img.add-img {
    width: 93px;
    height: 92px;
    object-fit: cover;
}

img.add-img {
    width: 77px;
    height: 87px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 5px;
}

.bio-img {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.img-p-content {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    overflow: hidden;
}

.img-pro-fl img {
    width: 48px;
    height: 46px;
    object-fit: cover;
    border-radius: 5px;
}

.para-profile p {
    font-size: 16px;
    margin-left: 10px
}

.add-img-container img {
    /*margin: 0 14px 0 0px !important;*/
    width: 60px !important;
    height: 60px !important;
}

label.upload__btn {
    float: left;
    margin-right: 7px;
}

img.add-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 5px;
    float: left;
}
.add-img.photo.img-bg {
    width: 100px;
    border-radius: 8px;
}
.upload__img-box {
    margin-right: 10px;
    margin-bottom: 10px;
}
.all-images {
    flex-wrap: wrap;
    display: flex;
}

.add-img-container.slide {
    position: relative;
}

.star-rating h3 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.star-rating img {
    width: 11px;
}

.star-rating {
    padding-left: 16px;
}

.show-all a {
    color: #00C853;
    font-size: 12px;
    float: right;
    margin: -21px 0 0 0;
}

.profile-mid-content,
.fl-sm {
    display: grid;
    align-items: center;
}

.star-rating-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.review-sec-profile p {
    color: #323232;
    font-size: 14px;
    padding-bottom: 30px;
    width: 100%;
}

.review-content {
    display: flex;
}

.dream-star h6 {
    margin: 0;
    color: #000 !important;
    font-weight: 600;
}

.new-li-profl .edit_reciept {
    width: 100%;
    font-size: 12px !important;
}

.rt-side.pro-rt {
    text-align: center;
}

.new-li-profl .upload {
    width: 100% !important;
    padding: 7px;
    font-size: 13px;
    font-weight: 600;
}

.new-li-profl .update {
    width: 100% !important;
    padding: 7px;
    font-size: 13px;
    font-weight: 600;
    background: #00C853;
    color: #FFFFFF;
}

.pro-rt {
    padding-top: 0;
}

.review-sec-profile,
.title-and-para.forth-sm {}

.desk-hidn {
    display: none;
}

.two-pro-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}

button.btn.btn-sucs,
.btnm-frst {
    margin-bottom: 10px;
    padding: 10px 45px 10px 45px;
}

input.upload__inputfile {
    display: none;
}

label.upload__btn {
    font-size: 30px;
    border: 1px solid #D2D2D2;
    padding: 16px;
    width: 84px;
    height: 84px;
    text-align: center;
    border-radius: 5px;
}

input#fname {
    border: 1px solid gray;
    height: 60px;
}

form#flight label {
    font-weight: 600;
}

.qualification-frst {
    display: grid;
    padding-bottom: 31px;
}

textarea:focus {
    outline: none !important;
    border-color: #719ECE;
    /*box-shadow: 0 0 10px #000;*/
}

/********************************************************************************/
.upload {
    &__box {
        padding: 40px;
    }

    &__inputfile {
        width: .1px;
        height: .1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    &__btn {
        display: inline-block;
        font-weight: 600;
        color: #fff;
        text-align: center;
        min-width: 116px;
        padding: 5px;
        transition: all .3s ease;
        cursor: pointer;
        border: 2px solid;
        background-color: #4045ba;
        border-color: #4045ba;
        border-radius: 10px;
        line-height: 26px;
        font-size: 14px;

        &:hover {
            background-color: unset;
            color: #4045ba;
            transition: all .3s ease;
        }

        &-box {
            margin-bottom: 10px;
        }
    }

    &__img {
        &-wrap {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px;
        }

        &-box {
            width: 200px;
            padding: 0 10px;
            margin-bottom: 12px;
        }

        &-close {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            top: 10px;
            right: 10px;
            text-align: center;
            line-height: 24px;
            z-index: 1;
            cursor: pointer;

            &:after {
                content: '\2716';
                font-size: 14px;
                color: white;
            }
        }
    }
}

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 80%;
}

.mid-pro.example {
    padding: 11px;
}

.jst-nw {
    width: 100%;
    float: right;
    text-align: end;
}
.app-act h2 {
    font-size: 20px;
    font-weight: 500;
}

/********************************************************************************/
/*profile-page-End*/

/*manage post*/
.img-plus-nm {
    display: flex;
    width: 100%;
}

img.cash-img.img-cash-gr {
    width: 27px;
}

.jst-nw p {
    font-size: 11px;
}

.csh-img-div b {
    color: green;
}

button.btn.btn-sign-up {
    color: #fff;
}

/*manage post*/

/*transaction section*/
svg#pdf-file {
    top: 0;
    left: 0px;
}
.dropdown-transaction strong {
    color: #000;
}
.h3-para-trans {display: flex;    justify-content: space-between;}
/*.transaction-contain {padding-bottom: 40px;}*/
.transaction-contain p {font-size: 14px;    font-weight: 400;}
.h3-para-trans h3 {color: #323232;    font-family: 'Open Sans', sans-serif;    font-size: 13px;    font-weight: 600;}
.rm-text p {color: #323232;    font-family: 'Open Sans', sans-serif;    font-size: 14px;    font-weight: 500;}
.date-format p {font-size: 13px;padding-top: 8px; font-weight: 400; margin: 0px 0 20px 0;}
.transaction_data{
    font-size:14px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
}
.transaction_data tr{
    position: relative;
        border-bottom: 1px solid #e5e5e5;
}
.dropDown_links_post{
    /*padding: 10px;*/
    background: #fff;
}
 .icon-menus svg {
    right: 0;
    position: absolute;
    top: 10px;
    background: none;
}
.danger {
    font-size: 14px;
}
.success {
    font-size: 14px;
}
.transaction_middle_container{
    width: 100%;
    flex: 1;
    padding: 0 32px;

}
/*transaction section*/

/*wallet-page START*/
.wallet-blnc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    
}

.wallet-container {
    background: #fff;
    padding: 32px;
    border-radius: 8px;
}

.wallet_blance h3 {
    font-size: 21px;
    font-weight:600;
}

.button-hist {
    text-align: center;
}

button.btn.btn-success.button-hist::hover {
    color: #fff !important;
    background: #196b1d !important;
}

.frst-trans {
    margin-top: 30px;
}

button.btn.btn-success.btn-wallet {
    width: 22%;
    padding: 10px 5px 10px 5px;
    background: #F1F3F4;
    color: #000;
    border: none;
    font-weight: 500;
}

.transaction-contain h2 {
    font-size: 18px;
    font-weight: 700;
    font-family: sans-serif;
}

.wallet_blance p {
    font-size: 16px;
    font-weight: 600;
}

button.btn.btn-success.btn-wallet:hover {
    color: #fff;
    background: #196b1d;
}
.online_payment_methods {
    border: 1px solid #b1aeae;
    border-radius: 5px;
}
.credit_debit_methods{ 
    gap: 42px;
    border-bottom: 1px solid #a7a7a7 !important;
}
.bank_wrap{gap: 44px;}
.credit_card_svg{
    position: absolute;
    right: 17px;
}
.btn_wallet_confirm button{
     padding: 8px 60px;
}
.dropdown_credit_wrap{
        gap: 25px;
    padding: 5px 10px;
        border-bottom:1px solid #e5e5e5;
}
.cvv_inp_wrap{
        width: 70px;
    height: 30px;
    position: absolute;
    right: 50px;
}
/*wallet-page END*/
/*REFER SATRT*/
.refer_middle_container{
    width: 100%;
    flex: 0.7;
    padding: 0 32px;
}
.refer-rw {
    align-items: center;
    justify-content: center !important;
}

.input-refer {
    text-align: center;
}

.title-content.refer-cont-p p {
    font-size: 26px !important;
    margin: 0 auto;
}

.refer-main {
    background: #fff;
    padding: 32px;
    border-radius:8px;
}
td.font-weight-bold {
    border: 1px solid #000;
}
.refer_see_more p {
    color: #00b8ff;
}
button.click_fnctn_btn{ 
    background: #cfcfcf;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 90px;
    border-radius: 10px;
    color: #fff;}
.input-refer input {
    width: 100%;
    border-radius: 7px;
    padding: 12px;
    text-align: center;
    margin: 0 auto;
}

.refer-head h2 {
    font-size: 25px !important;
    font-weight: 500;
    text-align: center;
}

label.refer-link {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 18px;
    text-align: left;
    justify-content: center;
    position: relative;
}

.title-content {
    padding: 0 70px;
    text-align: center;
}

.title-content p {
    font-size: 16px;
    font-weight: 500;
}

.refer-rw {
    height: 500px;
}
.refer_time{
    background: #f3f3f3;
}
/*REFER END*/
/*account page main*/
.mid-asid-new {
    background: #fff !important;
}

/*account page main*/
/*review-only*/
.pro-star-rt-img {
    display: flex;
}
.review-content-pro {
    display: flex;
    justify-content: space-between;
    align-items: center;
   
    margin-top: 20px;
	margin-bottom: 20px;
    padding: 14px 10px;
}

.star-rating img {
    width: 12px;
    height: 12px;
}

.d-m-y p {
    font-size: 14px;
}

form.service-form label {
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

form.service-form .form-control {
    margin-bottom: 14px;
    border-radius: 5px;
}
.addonss{position:relative;}
 
.field_wrapper {
    position: relative;
}

#the-count {
    float: right;
    padding: 0.1rem 0 0 0;
    font-size: 0.875rem;
}

div#the-count span {
    color: gray;
}

.plus-sign {
    display: none;
}

/*form section*/

/*professioinal SERVICE file*/
.carousel-indicators li {
    width: 7px !important;
    border-radius: 50% !important;
    height: 7px !important;
}
button.btn.btn-success.btn-sucs.btnm-frst {
    padding: 10px 20px;
}

button.btn.btn-success.btn-sucs {
    width: 100%;
}

.two-pro-btn a {
    width: 100%;
}

ul.pro-ul {
    list-style: none;
    display: grid;
}

.pro-cir-ser {
    padding-top: 30px
}

.img-cir.pro-cir-ser {
    color: #000;
}

.title-and-para p {
    color: #000;
}

img.pro-big-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height:500px;
    object-fit:cover;
	background:#fff;
}
.scnd-bg-clr {
    display: flex;
    justify-content: space-between;
    padding: 14px 0 14px 0;
    align-items: center;
}

img.sm-img-profsonal {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    object-fit: cover;
}

.dream-p-img,
p.dream-p-impro {
    color: #707070;
    font-size: 10px;
    padding-left: 10px;
}

.img-cir-prof {
    display: flex;
}

.myr p {
    color: #000;
    font-weight: 700;
}

.hd-para h6 {
    color: #000;
    font-weight: 600;
}

.hd-para p {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 10px;
	text-align: justify;
}

/*professioinal SERVICE file*/

/* THIRD PAGE INDEX3 */
/* MIDDLE ONE START */
.img-content {
    background: #fff;
    border: 5px;
}

img.cir-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 64%;
}

.content-para {
    margin: 0;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    color: #707070;
    font-family: Arial;

}

.third-pge-contnt {
    padding: 10px;
}

p.title-name {
    font-weight: bold;
}

.third-pg-rw {
    justify-content: start !important;
}

.li-rt.side p {
    font-size: 10px;
}

.w3-sidebar.w3-light-grey.w3-bar-block .align-items-center {
    justify-content: space-around;
}

.all-cntnt .two-lb {
    padding-bottom: 5px;
    justify-content: space-between;
}

.hh-1 {
    padding-right: 10px;
}

p.pp.mr-in.title-name {
    padding-left: 0;
    font-size: 14px;
    padding-right: 10px;
    color: #323232;
}

.second-mid.mid-trd.col-lg-8 {
    padding-bottom: 114px;
}

img.star-yllo {
    width: 11px;
    height: 11px;
}
.just-now-ok {
    position: absolute;
    right: 8px;
}
.items-title {
    display: flex;
    justify-content: space-between;
}

.just-now-ok .jst-now {
    font-size: 12px;
    color: #707070;
}

.just-now .jst-now {
    font-size: 14px;
    color: #707070;
}

small.sml {
    font-size: 12px;
    color: #000;
}

/* MIDDLE ONE END */
/* THIRD PAGE INDEX3 end */

/* ASIDE START */
.all-cnt p {
    color: #323232 ;
}

.all-cnt small {
    color: #000 !important;
    font-size: 12px !important;
    padding-top: 1px;
}

.w3-sidebar.w3-light-grey.w3-bar-block {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #323232;
    width: var(--sidebar-width);
    color: #fff;
    width: 320px;
}

img.sm-img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.small-imgg {
    display: flex;
}

.sponsor p {
    color: #fff;
    font-size: 11px;
}

p.pp2.w-75 {
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-shadow: 1px 1px 3px var(--unnamed-color-323232);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #323232;
    opacity: 1;
    width: 70% !important;
}

.w3-sidebar.w3-light-grey.w3-bar-block::-webkit-scrollbar {
    display: none;
}

.head-mid h2 {
    border: none;
    background: none;
    padding: 10px 0;
    color: #323232;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 16px 0;

}

.img-p {
    display: flex !important;
    background: #fff;
    /*height: 145px;*/
}

img.hhh {
    width: 145px;
    height: 145px;
    object-fit: cover;
    border-radius: 10px;
    padding: 4px;
}

.row.row-2 {
    background: #F1F3F4;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.p-20 {
    padding: 10px;
    height: 145px;
    border-radius: 5px;
}

.mid-i-p {
    margin-bottom: 15px;
}

.all-cnt {
    padding: 8px 7px;
    width: 100%;
    /*overflow: hidden;*/
}

p.pp2 {
    margin: 0;
    width: 100%;
    font-size: 20px !important;
    padding-bottom: 10px;
    float: left;
    height: 70px !important;
}

.d-flex.justify-content-between.align-items-center {
    float: right;
    width: 100%;
}

p.mr-in {
    font-size: 15px;
    padding-left: 8px;
    font-weight: bold;
}

.all-cnt .d-flex.two-lb.align-items-center {
    padding-bottom: 10px;
    padding-left: 0;
}

.form-mid input {
    text-align: center;
}

.p-20 .d-flex {
    padding-bottom: 7px;
}

.form-mid ::-webkit-input-placeholder {
    text-align: center;
    font-weight: 500;
    color: #000;
}

.two-btn button:hover,
.two-btn button:focus {
    color: #00C853;
    border-bottom: 3px solid #00C853;
}

.star {
    font-size: 11px;
}

.star img {
    width: 10px;
}

.row.row-2 .active {
    border-bottom: none !important;
}

img.cash-img {
    width: 20px;
}

input#in-frst {
    width: 100%;
    height: 126px;
}

form.form-mid input#in-frst {
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px dashed #707070;
}

form.form-2 {
    text-align: center;
}

form.form-2 input[type="text"] {
    padding: 8px 0px 8px 32px;
    width: 50% !important;
    margin: 0 auto;
    background: #efefef !important;
}

.img-p {
    margin-bottom: 15px;
    border-radius: 5px;
    position:relative;
}

img.blck-logo {
    display: none !important;
}

.scnd-hdn {
    display: none !important;
}

.hidn-objct {
    display: none !important;
}

nav.d-flex.fr-btn {
    padding-bottom: 0px;
}

.batch {
    text-align: center;
}

.batch img {
    width: 35px;
    margin: 4px 0 4px 0;
}

.m-20 {
    margin-bottom: 35px;
}

.side-br-padn {
    padding: 7px;
}

.d-flex.flex-column.lists a {
    text-decoration: none;
}

.row.row-1 {
    margin-right: 0;
    justify-content: space-between;
}

nav.d-flex.fr-btn {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    padding-top: 4px;
    background: #fff;
}

.dreamz p {
    font-size: 12px;
    margin: 0;
	font-weight: 500;
}

.dreamz h6 {
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 0;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-arial);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    color: #FFFFFF;
    opacity: 1;
}

.h-p {
    margin-bottom: 4px;
}

p.cl-w2 {
    color: #fff;
    margin-bottom: 5px;
    text-shadow: 2px 7px 5px rgb(0 0 0 / 30%), 0px -4px 10px rgb(255 255 255 / 30%);
}

svg.star_wrap_svg {
    color: #ffeb00;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.li-rt h4 {
    margin: 10px 0;
    color: #323232;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

.li-rt p {
    margin: 0;
    color: #707070;
    font-size: 12px;
    padding: 6px 6px;
    border-radius: 15px;
    border: 1px solid #D2D2D2;
    background: #fff;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: center;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-707070);
    text-align: center;
    color: #707070;
    opacity: 1;
}

i.fa-regular.fa-message {
    color: #707070;
}

.li-rt a {
    text-decoration: none;
}

.li-rt p:hover {
    color: white;
    background: #000;
    text-decoration: none;
    border: 1px solid #323232;
}

.img-1 img {
    width: 94px;
    height: 94px;
    border-radius: 53%;
    object-fit: cover;
}

.logo img {
    width: 49%;
    padding-top: 4px;
}

button.btn-on {
    border-radius: 12px;
    border: 1px solid #fff;
    font-size: 10px;
    padding: 2px 14px;
    background: #00C853;
    color: #fff;
    border: 1px solid #00C853;
}

.img-1 {
    margin-right: 8px;
    padding-left: 15px !important;
}

.onln-cnt p {
    font-size: 10px;
    text-align: center;
    margin: 0;
    width: 57px;
}

.onln-cnt {
    text-align: center;
}

.logo {
    text-align: center;
    background: #fff;
    height: 68px;
}

.row.row-1 .col-md-3 {
    padding-right: 0;
}

.d-flex.flex-column.lists img {
    padding-right: 12px;
}

.footer {
    padding: 10px;
}

.f-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.i-hvr-p:hover a {
    color: #00c853;
    text-decoration: none;
}

.i-hvr-p:hover svg {
    color: #00c853;
    text-decoration: none;
}

.i-hvr-p:focus a {
    color: green;
}

.i-hvr-p:focus svg {
    color: green;
}

.hdn-mid {
    display: none !important;
}

footer.footer {
    display: none;
}

.container {
    padding-top: 25px;
}

/*second swap page*/
a#one-tab img {
    padding-right: 8px;
}

.fade:not(.show) {
    opacity: 0;
    display: none;
}

.nav-link.active,
#one-tab:hover {
    color: #00C853 !important;
    border: none;
    border-bottom: 3px solid #00C853 !important;
}

a#two-tab:hover {
    color: #00C853 !important;
    border: none;
    border-bottom: 3px solid #00C853 !important;
}

li.nav-item a {
    font-size: 15px;
    color: #707070;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

header.first-mid {
    /*border: 1px solid #e4e4e4;*/
    border-left: unset;
    position: fixed;
    z-index: 999;
    width: 76%;
}

.nav-tabs .nav-link {
    border: none;
}

p.pp2.job-vet {
    width: 90% !important;
}

.mobile-hide {
    display: block;
    margin-top: 20px;
}

.desk-hide {
    display: none;
}

.logo {
    display: none !important;
}

.right_side_bar_container {
    width: 320px;
}
.form-check-input{
    display:block !important;
    left: -55px;
    top: -2px;
}
.total_budget_wrapper{
    width:61%;
    margin:0 auto;
}
.img_wrap_sponsor{
        background: #f3f3f3;

}
.logo_instant_jobss{
    width:37%;
}
.card_wrapper{
    padding:32px 16px;
}
.post_spon_wrap{
    padding:0 0 15px 0;
}
/*second swap  page*/
.amount_wrap{
    height:18px;
}
/* ASIDE END */
 
.main.prof-inf-new.active a {
    text-decoration: underline !important;
}
a.view-receipt {
    font-size: 14px;
    font-weight: 600;
}
.container-wrapper {
    /* min-width: 100px; */
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}
img.logo-table {
    width: 75%;
}
.tables td {
    border:1px solid #c5c5c5;
}
.card-ef {
    gap: 14px;
}
.dd-button {
    position: absolute;
    z-index: 1;
    right: 5em;
    top: 32px; 
}
img.attachment-image.reciever {
    padding: 5px !important;
    background: unset !important;
    border: 5px solid #d9fdd3;
}
span.filename {
    position: absolute;
    right: 3px;
    font-size: 10px;
    color: #000;
    bottom: 3px;
    font-weight: 600;
    background: #d9fdd3;
    padding: 7px;
}
input:focus-visible{
    border:1px solid #aaaaaa  !important;
}
.form-control:focus {
    border: 1px solid #ced4da !important;
}
label.label_tabs {
    font-size: 16px !important;
}

#file{
    display: none;
}
.upload-area {
    width: 100%;
    height: 48px;
    border: 1px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: grid;
    align-items: center;
}
article#article1 {
    text-align: left;
}
 .confirmation-code::placeholder{
         color: #bdbdbd !important;
    opacity: 1;
 }
 .date_contry {
     padding-top:12px;
 }
 #article2 {
    text-align: left;
}
.menu-bar-container {
    display: none;
}
@media (min-width:0) and (max-width:567px) {
    .sort_by {
            cursor: pointer;
            display: inline-block;
            position: relative;
        }
		
.amount_wrap {height: 0px;margin: -20px 0 0 0px;}	
#row_job .amount_wrap {height: 0px;margin: -8px 0 0 0px;}	
#servicedata .d-flex.justify-content-between.align-items-center {height: 0px; margin: -15px 0 0 0px;}	 
.all-cnt {padding: 0px 7px;}
.all-cnt .d-flex.two-lb.align-items-center {margin-top: 10px;}	
		
.onmobilehide {
    display: none;
}

.table_container {
    margin-top: 0;
    width: 100%;
}

.instant-sidebar-profile {
    justify-content: unset !important;
}

.users_all_info.hideondesktop {
    display: block !important;
	padding: 0 0px 10px 15px !important;
}

.hideondesktop {
    display: block !important;
 }

img.pro-big-img {
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /* width: 100%;*/
    height:300px !important;
    object-fit:unset !important;
}


        .menu_drop_header {
            display: none;
            position: absolute;
            /*background-color: #fff;*/
            /*border: 1px solid #ccc;*/
            border-radius: 4px;
            margin-top: 10px;
            z-index: 1000;
        }
ul.mobile-list-nhl label {
    margin-top: 10px;
}
        .menu_drop_header ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .menu_drop_header li {
            padding: 10px;
            cursor: pointer;
        }

        .menu_drop_header li:hover {
            background-color: #f0f0f0;
        }
.menu-bar-container {
    display: flex;
    background: #fff;
    padding: 4px 10px;
    justify-content: space-between;
    align-items: center;
}
.sort_by{
    font-size:13px;
}
    .btn-round {
    height: 26px;
    padding: 0px 12px;
 font-size:11px;
}
      .menu-bar-mobile{
  display: flex;
    gap: 10px;

  }
.post-menu-contain {
    position: fixed !important;
    left: 23em !important;
    top: 10em !important;
    z-index: 1 !important;
}
.jobstatus {
    font-size: 7px !important;
    width: 27%;
    text-align: right;
}
    .logo_new_instant{padding-top:0!important;}
    
h3.title{ margin: 32px 0 !important;}
.post-msg-data {
    margin-top: 10px;
}
.chat-container {
    height: 65vh !important;
}
.container.select_srvc_choice {
    width: 100%;
}
.margin_mobile {
    margin: 32px 0 !important;
}
 
button#nextBtn4 {
gap: 0px !important;
}
button#nextBtn4 span {
    font-size: 16px;
}
/*input.form-check-input.value {*/
/*    left: 28px !important;*/
/*}*/
a.logout-hidden-desk {
    visibility: visible !important;
}
.discuss-post_notification {
     padding: 0 !important;
}
button.btn-wallet.btn-post-msg.w-25 {
    width: 100% !important;
}
.post-msg-list {
    /* top: 18px !important; */
    right: 22rem !important;
}
    .refer_middle_container {
    flex: 1 !important;
}
.card-ef {
        width: 100% !important;
}
img.logo-table {
    width: 100% !important;
}
 .transaction_middle_container{
    padding: 0 !important;
}
.flex-collection {
    width: fit-content !important;
}
.right-collection {
    padding: 11px 0px 25px 14px !important;
}
.right-collection p{
    font-size:12px;
}
.middle_container_profile{
    padding:0 !important;
}
.rt-side-top-drop {
    top: 32px;
}
.msg-drop-list {
    right: 22px;
    top: 28px;
}
.bg-prop-contain{
     background:#fff;
 }

.msg-srvc-wrap {
    padding: 5px;
}
.main_wrapper-msg{
    padding:0 !important;
}
.inp_content{
    padding:10px;
}
.quote-pt{
    font-size:11px
}

.msgjob_wrapper{
    padding:10px !important;
}
select#myDropdaown {
    width: 62% !important;
}
    .refer-main {
    padding: 16px !important;
}
    button.click_fnctn_btn {
    padding: 12px 70px !important;
}

    .refer_middle_container {
    padding: 0  !important;
}
    .notif_see_all{
        display:block !important;
    }
    .d-flex.justify-content-between.notif-top-row {
    margin-top: 25px !important;
}
.notification_middle_container {
    flex: 1 !important;
    padding:0;
}
.img_notif_wrap{padding-right:10px !important;}
    p.off_wrap_btn {
    top: 12px !important;
}
    .preview_post_job{
        margin-bottom:0 !important;
    }
    .toggle {
    top: 9px !important;
}
.toggle:after {
    content: '' !important;
    width: 17px !important;
    height: 17px !important;
    top: 2px !important;
}
.on_wrap_btn {
    top: 10px !important;
    left: 3px !important;
    font-size: 11px !important;
}
.off_wrap_btn {
    top: 4px !important;
    font-size: 11px !important;
}
    /*modal boxes*/
    .modal-dialog {
    max-width: 100% !important;
}
.drop_btn_showall{font-size: 12px!important;
    font-weight: bold !important;
    font-family: 'Roboto'!important;}
.manage_post_wrap {
    height: 10px;
}
.summary_icon_wrap i:before {
    top: 48px !important;
    right: 20px !important;
}
.modal_second_wrap {
    transform: translate(0px,200px) !important;
}
.skills_hobbies_model_wrap{
       transform: translate(0px,59px) !important;

}
    .content_popup_position {
    transform: translate(0px,49px) !important;
}
    textarea#message {
    width: 100%;
}

    .container.select_srvc_choice {
        transform: translate(0%, 0%) !important;
    }
    .wrap_content_mid{
        padding:10px;
    }
    .row.skill_hobbies_ {
    flex-direction: row;
    flex-wrap: wrap;
}
.card_wrapper {
    padding: 10px !important;
}
.card{
    padding: 10px 16px !important;
}
.post_prev_top_wrap{
    padding:10px;
}
.total_budget_wrapper {
    width: 100% !important;
}
.logo_instant_jobss {
    width: 53% !important;
}
.notification_header_list{
    left: 3px !important;
    width: 350px !important;
}
.likedislike {
    position: relative !important;
    z-index: 1 !important;
}
    .modal-dialog.content_pop_up_centered {
    transform: translate(0px,39px) !important;
}
.modal-body {
    padding: 16px 16px 0 16px !important;
}
.row.skill-hobbies {
    flex-direction: row !important;
    gap: 6px;
}
.active_content {
    padding: 10px 10px 0 10px;
}
    .search_result_row {
        padding: 10px;
    }

    input#search-input {
        width: 75px;
    }

    .row.skill_hobbies_.search_results_topic {
        flex-direction: row !important;
        gap: 5px;
    }

    .d-flex.search_detail_container {
        flex-direction: column;
    }

    .middle_container {
        padding: 0
    }

    .right_side_bar_container {
        display: none;
    }

    button.btn-round {
        font-size: 10px;
        height: 20px;
        /*width: 40%;*/
    }

    .container_search {
        padding: 10px;
    }

    td {
        font-size: 12px !important;
    }

    .wrapper_container_mobile_header {
        width:100%;
          position: sticky;
    top: 0;
    z-index: 9999;
    }
     

    .two_btn_head {
        gap: 5px;
    }

    .col-lg-4.view_wrapper {
        width: 100% !important;
    }

    header.header {
        display: none;
    }

    .content_sec_service {
        padding: 10px !important;
    }

    button#fncn_btn_search i {
        position: unset !important;
        color: #000 !important;
    }

    .inner {
        z-index: 0 !important;
    }

    .profile-mid_right_btns {
        margin-right: 0 !important;
    }

    .onln-cnt {
        margin-left: 60px !important;
    }

    .col-md-6 {
        padding: 0;
    }

    .bck-white {
        padding: 10px !important;
    }

    .instant-sidebar-menu li {
        padding-left: 10px !important;
        line-height: 2 !important;
        border-bottom: 1px solid #00000017 !important;
    }

    .instant-sidebar-profile {
        border-bottom: unset !important;
    }

    .bck-white .col-lg-8 {
        width: 95%;
        float: left;
        padding: 0 !important;
    }

    .bck-white .col-lg-4 {
        width: 20%;
        float: left;
        padding: 10px;
    }

    .dream p {
        font-size: 12px;
        font-weight: 500;
    }

    .onln-cnt p {
        font-weight: 600;
    }

    img.add-img {
        width: 60px !important;
        height: 60px !important;
        object-fit: cover;
        margin-bottom: 10px !important;
        margin-right: 10px !important;
        border-radius: 5px;
        float: left;
    }

    .edit-profile {
        float: left;
        width: 35%;
    }

    .backbtn {
        float: left;
    }

    .prof-heigh-wid {
        float: left;
        width: 100%;
    }

    .rightsidemenu {
        float: left;
        width: unset;
    }

    .backbtn a {
        float: left;
    }

    .wallet-container {
        background: #fff;
        padding: 10px !important;
        border-radius:8px;
    }

    .transaction-part {
        padding: 10px !important;
    }

    .instant-sidebar-menu li a:hover {
        background-color: transparent;
    }

    .trio-icon {
        float: left;
        display: flex;
        padding: 0px 0 0 22px;
    }

    button.btn.btn-success.btn-approve {
        width: 100% !important;
    }



    .title-content.refer-cont-p p {
        font-size: 17px !important;
        width: 100%;
    }

    .dream-star h6 {
        margin: 0;
        color: #000 !important;
    }

    body.background-container {
        padding: 0;
    }

    header.first-mid {
        width: 88% !important;
        padding-left: 98px !important;
    }

    .row.row-1 {
        margin-right: 0;
        justify-content: center !important;
        grid-gap: 1% !important;
    }

    /*new-mid*/
    .w3-sidebar.w3-light-grey.w3-bar-block {
        margin-top: 0 !important;
    }

    .wallet_blance h3 {
        font-size: 13px;
        font-weight: 600;
    }

    .manage-as-lo {
        font-size: 15px;
        font-family: sans-serif;
        font-weight: 500;
        overflow: hidden;
    }

    .transaction-contain p {
        font-size: 12px;
        /*width: 71%;*/
    }

    .h3-para-trans h3 {
        font-size: 15px;
        font-weight: 600;
    }

    a.ser-pro {
        display: none;
    }

    .mobile-show {
        display: block !important;
        align-items: center;
        text-align: center;
    }

    .msg-header {
        display: block !important;
    }

    .dream {
        margin: 0 !important;
        display: flex;
        gap: 15px;
    }

    .img-cir-profile {
        display: flex;
    }

    .dream-star {
        padding-bottom: 3px;
    }
	
	.dream-star-onmobile {
    margin: 5px 0 0 14px;
    color: #000 !important;
    font-weight: 600;
}
	
	

    .all-cnt small {
        font-size: 8px !important;
    }

    .bck-white.example.one-high {
        height: 79vh;
    }

    .Sponsor a {
        font-size: 11px;
        color: #fff;
    }

    .clock-time p {
        font-size: 10px;
    }

    .clock-time i {
        font-size: 10px !important;
        padding: 2px !important;
    }

    .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .title-content {
        padding: 0;
    }

    label.refer-link {
        font-size: 18px;
        padding-bottom: 8px;
    }

    .mobile-hide {
        display: none !important;
    }

    .desk-hide {
        display: block !important;
        margin-top: 20px !important;
    }

    .w3-sidebar.w3-light-grey.w3-bar-block,
    .btn.btn-success,
    i.fa-regular.fa-message,
    .two-btn button {
        display: none;
    }

    .review-sec-profile,
    .title-and-para.forth-sm {
        padding: 5px;
    }

    .fa-house {
        display: block;
    }

    .plus_svg_home{
        right: 30px;
        position: fixed;
        bottom: 120px;
        background: #00C853;
        padding: 0;
        border-radius: 50%;
        color: #fff !important;
        display: grid;
        height: 50px;
        width: 50px;
        place-content: center;
        z-index:1;
        padding: 10px;
    }

    .plus-sign {
        display: block;
    }

    .all-cnt b {
        font-size: 12px;
    }

    .container {
        padding-top: 0 !important;
    }

    .head-mid h2 {
        display: none;
    }

    .btnn-icn {
        display: none;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .second-mid.col-lg-8 {
        padding-left: 0;
        padding-right: 0;
    }

    .d-flex.hidn-objct {
        justify-content: space-between;
        align-items: center;
        text-align: center;
        padding: 10px;
        background: #fff;
    }
    .d-flex.hidn-objct i {
        padding: 7px;
        color: #000;
    }

    img.blck-logo {
        display: block !important;
        text-align: center !important;
        margin: 0 auto;
        align-items: center;
        width: 200px;
    }

    .d-flex.scnd-hdn p {
        align-items: center;
        text-align: center;
        margin: 0;
        font-size: 9px;
    }

    .content-para {
        font-size: 10px;
        padding-left: 9px;
    }

    .d-flex.scnd-hdn a {
        font-size: 11px;
    }

    .d-flex.scnd-hdn {
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        padding: 14px 5px;
        background: #fff;
        gap: 10px
    }

    .row.row-1 .col-md-3 {
        padding-left: 0;
    }

    p.sort {
        font-size: 11px !important;
    }

    .hidn-objct {
        display: flex !important;
    }

    p.pp2.cl-w2.w-75 {
        font-size: 14px;
        width: 100% !important;
    }

    .jst-nw {
        padding-left: 42px;
    }

    .second-mid.col-lg-8.example {
        height: 650px !important;
        padding-left: 14px;
    }

 p.pp2 {
    font-size: 12px !important;
    width: 100%;
    padding-bottom: 0;
    height: 50px !important;
	font-weight : bolder;
}

    img.hhh {
        width: 100px;
        height: 96px;
    }

    .d-flex.two-lb.align-items-center {
        padding-bottom: 10px;
        padding-left: 9px;
    }

    form.form-mid {
        display: none;
    }

    small {
        font-size: 10px;
    }

    .rt-side {
        display: none;
    }

    .f-icons i.fa-regular.fa-message {
        display: block;
    }

    .f-icons i {
        font-size: 22px;
    }

    main.container-fluid {
        margin-bottom: 80px;
        height: auto;
    }

    .footer {
        padding: 20px 24px;
        box-shadow: 0 0 11px 5px rgb(1 1 1 / 21%);
        position: fixed;
        bottom: 0;
        background-color: #fff;
        left: 0;
        right: 0;
        z-index: 9999;
    }

    .f-icons i {
        color: #707070;
    }

    i.fa-regular.fa-message {
        color: #707070 !important;
    }

    .i-hvr-p a {
        color: #707070;
        font-size: 10px;
    }

    .hidden-cntnt {
        display: block !important;
    }

    .p-20 {
        height: 107px;
    }

    .f-icons p {
        font-size: 8px;
        width: 73px;
    }

    footer.footer {
        display: block;
    }

    .hdn-mid {
        display: flex !important;
    }

    .two-btn {
        display: none;
    }
    p.mr-in {
        font-size: 11px;
    }

    nav.d-flex.fr-btn {
        padding-bottom: 0;
        padding-top: 0;
    }

    .scnd-hdn {
        display: flex !important;
    }

    .desk-hidn {
        display: block !important;
    }

    .review-sec-profile p {
        width: 100%;
        font-size: 13px;

    }

    #on-clk-btn {
        display: none;
    }

   .sort {
    display: block !important;
     position: absolute;
    right: 10px;
    bottom: 14px !important;
    }

    .hh-1 {
        padding-right: 0;
    }

    .jst-nw p {
        font-size: 8px;
    }

    .just-now .jst-now {
        font-size: 11px;
    }

    .just-now-ok .jst-now {
        font-size: 11px;
    }

    small.sml {
        font-size: 10px;
    }

    p.pp.mr-in.title-name {
        font-size: 11px;
    }

    .mobile-show button {
        background: #00000029;
        border-radius: 27px;
        display: inline-block;
        margin-bottom: 12px;
        color: #000;
        font-weight: 500;

    }

    .manage-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .app-act h2 {
        font-size: 12px !important;
        margin-top: 15px;
    }

    .manage-as-logo {
        font-weight: 600;
    }
    .words_counter{
        font-size:12px;
    }
    .wrapper_state{
        padding-left:0;
    }
    .wrapper_city{
        padding-right:0;
    }
    .main_contain_discuss{
        background:#fff;
    }
    .summary-table-left {
    padding: 10px;
}
.heading_as_discuss{
    font-size:12px;
}
.msg-info-service svg {
    right: 0px;
}
/*message css*/
.parent {
    padding: 0px !important;
}
.receiver-sender-chat-wrap {
    padding: 15px 45px !important;
}
.chat-bubble {
    max-width: 95% !important;
}
.mob-title-post {
    font-size: 11px !important;
}
}
    .sponsor-top_img{
        width: 100%;
    top: -10px;
    position: relative;
    }
    .post_spon_btn{
            background: #0090FF !important;
    }
.post_spon_field_data{
    background: #ebebeb;
}
     .wrapper_price{
        padding-left:0;
    }
.plus_btn_upload{
    font-size: 36px !important;
    font-weight: normal !important;
}
.form-text{
	position:relative;
}
  .static-textarea{padding: 8px 8px 8px 90px !important;}
/*.static-textarea::placeholder{padding-left:13px;}*/
.static-value{
	position:absolute;
	left:10px;
	font-weight:bold;
	font-size:0.8em;
	color:#444;
	top:9px;
}

@media screen and (min-width: 578px) and (max-device-width: 922px) {
    button.btn-wallet.btn-post-msg.w-25 {
    width: 100% !important;
}
 .notification_middle_container {
    flex: 1 !important;
    padding:0;
}
    .refer_middle_container {
    flex: 1 !important;
}
    /*new mid */
    header.first-mid {
        width: 88% !important;
        padding-left: 98px !important;
    }

    .row.row-1 {
        margin-right: 0;
        justify-content: center !important;
        grid-gap: 1% !important;
    }


    .w3-sidebar.w3-light-grey.w3-bar-block {
        position: fixed !important;
        top: 60px !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 1000 !important;
        display: block !important;
        padding: 16px 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background-color: #323232 !important;
        width: var(--sidebar-width) !important;
        color: #fff !important;
        width: 320px;
    }

    /*new-mid*/
    .logo img {
        width: 40% !important;
    }

    .tab.head {
        height: 100vh;
        padding: 402px !important;
    }
}
@media (min-width:923px) and (max-width:1024px){
.notification_middle_container {
    flex: 1 !important;
 
}

.instant-sidebar-profile {
    justify-content: unset !important;
}
	
p.mr-in {
    font-size: 13px !important;
}
p.pp2 {
    font-size: 15px  !important;
}
.all-cnt small {
    font-size: 10px !important;
}

   .refer_middle_container {
    flex: 1 !important;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .post-menu-contain {
    position: fixed !important;
    right: 11em !important;
    top: 7em !important;
    z-index: 1 !important;
}
}

/**media querry end/
/*  HEADER START */
a#two-tab {
    padding: 8px 30px;
    font-size: 18px;
    border-bottom: 3px solid #fff;
}

a#one-tab {
    padding: 8px 30px;
    font-size: 18px;
    border-bottom: 3px solid #fff;

}

.two-btn button {
    border: none;
    background: none;
    padding: 16px;
    color: #707070;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    padding: 16px;
}

/*hidden on desktop*/
p.sort {
    display: none;

    .hd-icn {
        width: 26px;
        height: 35px;
    }
    
    .scnd-hdn {
        display: none !important;
    }

    /***************/

    .btnn-icn i {
        padding: 5px;
    }

    .fa-house {
        display: none;
    }

    button.btn.btn-success {
        border-radius: 18px;
        font-size: 14px;
        font-family: arial;
    }

    .hidn-objct i {
        display: none;
    }

    img.blck-logo {
        display: none;
    }

    /*  HEADER END */

    /* MIDDLE START */
    .row.row-2 {
        background: #F1F3F4;
        justify-content: space-around;
        padding: 25px 0 5px 0;
    }


    .head-mid h2 {
        color: #323232;
        font-size: 20px;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif;
    }

    .d-flex.rs-innr {
        justify-content: space-between;
    }

    .img-p p {
        margin: 0;
    }

    .pp {
        font-size: 12px;
        font-family: arial;
        font-weight: bold;
    }

    .small,
    small {
        font-size: 10px;
        font-weight: 400;
    }

    .star img {
        width: 16%;
    }

    .img-p {
        background: #fff;
        border-radius: 5px;
        margin-bottom: 15px;
        display: flex;
    }

    .img-p .pp2 {
        font-weight: bold;
        font-size: 19px;
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-323232);
        text-align: left;
        color: #323232;
        opacity: 1;
    }

    p.pp2 {
        width: 100%;
    }

    .hh-1 {
        margin-right: 12px;
    }

    input#in-frst {
        border: 1px solid #707071;
        width: 100%;
        height: 126px;
        margin-bottom: 15px;
        border-radius: 5px;
    }

    .form-mid input {
        text-align: center;
    }

    .form-mid ::-webkit-input-placeholder {
        text-align: center;
        font-weight: 500;
        color: #000;
    }

    .form-mid :-moz-placeholder {
        text-align: center;
    }

    .w-75 {
        font-size: 20px;
        text-shadow: 1px 1px 3px #323232;
        font-weight: bold;
        font-family: 'Open Sans', sans-serif;
    }

    p.mr-in {
        padding-left: 8px;
    }

    .second-mid {
        padding: 0 9px 0 9px;
    }

    .hhh {
        width: 132px;
        height: 116px;
        object-fit: cover;

    }

    .all-cnt {
        padding: 5px;
    }

    .all-cnt .d-flex {
        align-items: center;
    }

    .p-20 {
        padding: 11px;
    }

    .p-20 {
        background-image: url(img/photo-1495195129352-aeb325a55b65.avif);
        border-radius: 5px;
        height: 126px;
    }

    .mid-i-p {
        margin-bottom: 15px;
    }

    img.sm-img {
        width: 26px;
        height: 26px;
        border-radius: 50%;
    }

    /* MIDDLE END */

    /* RIGHT NAV START */
    .top-rt-h h2 {
        color: #323232;
        font-size: 20px;
        font-weight: normal;
    }

    form.form-2 input {
        border: 1px solid #D2D2D2;
        border-radius: 5px;
        padding: 2px 5px 2px 9px;
    }

    form.form-2 {
        margin-bottom: 20px;
    }

    /* RIGHT NAV END */


    /* SECOND PAGE INDEX2 */
    /* middle one START */
    .d-flex.rs-innr .cash-icon {
        width: 22px;
    }

    .d-flex.scnd-inx {
        justify-content: space-between;
        align-items: center;
    }

    .d-flex.scnd-inx .time {
        width: 13px;
    }

    .d-flex.scnd-inx img {
        width: 10%;
    }

    .d-flex.scnd-inx p.tm-p {
        font-size: 10px;
    }

    .d-flex.rs-innr.fr-sec p {
        color: #00C853;
    }
    .two-btn {
        display: flex;
    }

    /* Service Form */
    .service-form input {
        text-align: left;
        padding: 0;
        border: 1px solid #e4e4e4;
        float: left;
    }

    .service-form label {
        color: #000 !important;
        font-weight: 600 !important;
        margin-top: 20px !important;
    }

    /* Bank Details */

    .header_searchwork {
        margin: 0 0 0 -44px !important;
        justify-content: right !important;
    }

    .dream-star {
        padding-bottom: 3px;
        padding-left: 17px;
        float: left;
    }

.main-img {float: left;    }
.bio-title h3 {color: #323232;font-size: 18px;margin: 27px 0 16px 0;}
.wrapper_clock b{color:#323232;}
button.rounded.btn-sucs.btnm-frst.w-100 {background: #0090FF !important;}

p.pp2.no-posts {
    font-size: 16px;
    text-align: left;
    padding: 24px;
    height: 100px;
    font-family: 'Roboto';
    color: #707070;
    font-weight: 500;
}
button.active.btn-round.lbl-2.manage_post_wrap{
    background: #323232;
    color: #fff;
    border: 1px solid #000;
}


p#result{position:absolute; left:0;}

img.pro-big-img.d-block.w-100 {
    object-fit: cover !important;
    height: 500px !important;
}

.users_all_info.hideondesktop {
    display: none;
}

.hideondesktop {
    display: none;
}