/* font family */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Open+Sans:wght@600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Abel&family=Architects+Daughter&display=swap');

@font-face {

    font-family: 'pintow05-no_01regular';

    src: url('fonts/fontsfree-net-pinto-webfont.woff2') format('woff2'),

        url('fonts/fontsfree-net-pinto-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;


}

@font-face {
    font-family: 'cavolini';

    src: url('fonts/cavolini.ttf') format('ttf'),

    url('fonts/cavolini.ttf') format('ttf');

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: 'Architects Daughter', cursive;

    font-weight: normal;

    font-style: normal;
}


/* placeholder */

input.searchbar_field::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #f2f2f2;

    opacity: 1;

    font-size: 20px;

}



input.searchbar_field::-moz-placeholder {

    /* Firefox 19+ */

    color: #f2f2f2;

    opacity: 1;

    font-size: 20px;

}



input.searchbar_field:-ms-input-placeholder {

    /* IE 10+ */

    color: #f2f2f2;

    opacity: 1;

    font-size: 20px;

}



input.searchbar_field:-moz-placeholder {

    /* Firefox 18- */

    color: #f2f2f2;

    opacity: 1;

    font-size: 20px;

}



/* on focus */

input.searchbar_field:focus {

    background-color: #bf61a6;

    box-shadow: unset;

    color: #f2f2f2;

}



.selectbox_field.form-select:focus {

    background-color: #bf61a6;

    box-shadow: none;

}



input.feedback_field_1:focus {

    box-shadow: none;

}



/* all a tag */



a, button {

    ransition: all .4s ease 0s;

    -webkit-transition: all .4s ease 0s;

    -moz-transition: all .4s ease 0s;

    -o-transition: all .4s ease 0s;

}



/* fonts */



.raleway {

    font-family: 'Raleway', sans-serif;

}



.dancing-script {

    font-family: 'Dancing Script', cursive;

}

.cavolini {
    font-family: 'cavolini', serif;
}

.arc-dau {

    font-family: 'Architects Daughter', sans-serif;
}



.pintow {

    font-family: 'pintow05-no_01regular';

}



.courier-prime {

    font-family: 'Courier Prime', monospace;

}



.open-sans {

    font-family: 'Open Sans', sans-serif;

}



.font18 {

    font-size: 18px;

}



.font16 {

    font-size: 16px;

}



.font12 {

    font-size: 12px;

}
.font13 {

    font-size: 13px;

}



.font14 {

    font-size: 14px;

}



.font30 {

    font-size: 30px;

}



.font20 {

    font-size: 20px;

}



.font22 {

    font-size: 22px;

}



.font24 {

    font-size: 24px;

}



.font35 {

    font-size: 35px;

}



.font32 {

    font-size: 32px;

}


.color000 {

    color: #000;

}

.colorf7f7f7{
    color: #f7f7f7;
}


.color242526 {

    color: #242526;

}



.color5e5e5c {

    color: #5e5e5c;

}



.color2b2b2a {

    color: #2b2b2a;

}



.color323232 {

    color: #323232;

}



.colorbf61a6 {

    color: #bf61a6;

}



.color737373 {

    color: #737373;

}



.color040707 {

    color: #040707;

}



.color403f3d {

    color: #403f3d;

}



.colorfbfbfb {

    color: #fbfbfb;

}



.color6aaa4f {

    color: #6aaa4f;

}



.color999 {

    color: #999;

}



.semibold {

    font-weight: 600;

}



.extrabold {

    font-weight: 800;

}



.medium {

    font-weight: 500;

}



.line-height-40 {

    line-height: 40px;

}



.line-height-18 {

    line-height: 18px;

}



.color3d3d3b {

    color: #3d3d3b;

}



.px-70 {

    padding-left: 70px;

    padding-right: 70px;

}



/* header */

.all_button {

    width: 120px;

    height: 50x;

    text-align: center;

    line-height: 50px;

    background: #000;

    border-radius: 8px;

}



.hacklerundfee_header .navbar-nav .nav-item {

    margin-right: 42px;

}



.hacklerundfee_header .navbar-nav .nav-item:last-child {

    margin-right: 0px;

}



.navbar-light.hacklerundfee_header .navbar-nav .nav-link {

    color: #000;

    font-size: 18px;

}



.navbar-light.hacklerundfee_header .navbar-nav .nav-link.active, .navbar-light.hacklerundfee_header .navbar-nav .nav-link:hover {

    color: #6aaa4f;

}



.navbar-light.hacklerundfee_header .navbar-nav .nav-link.all_button:hover {

    background-color: #6aaa4f;

}



.main_banner_section {

    background-color: #e9e9e9;

    padding-top: 75px;

    padding-bottom: 75px;

}



.searchbar_field {

    background: #bf61a6 url(../images/home-search-icon.png) no-repeat;

    padding: 18px 20px;

    border-radius: 8px;

    background-position: right 20px center;

    color: #f2f2f2;

    font-size: 20px;

    font-weight: 600;

}



.selectbox_field {

    padding: 18px 20px;

    background-color: #bf61a6;

    border-radius: 8px;

    color: #f2f2f2;

}



.selectbox_field option {

    color: #f2f2f2;

}



.selectbox_field.form-select {

    background-image: url(../images/home-selectbox-arrow.png);

    background-size: 21px 13px;

}



.border-black {

    border: 2px solid rgba(18, 18, 18, 0.6);

}



.banner_left_content {

    padding: 60px 35px;

}



.banner_right_content {

    padding: 60px 30px;

}





/* our services */

.our_services {

    padding-top: 80px;

    padding-bottom: 80px;

}



.services_box {

    border: 1px solid #dfe0e5;

    position: relative;

}



.s_image {

    position: relative;

    width: 100%;

    height: 295px;

}



.s_image img {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.services_box h4 {

    padding: 5px 25px 0px 5px;

}



.book_btn {

    background: #bf61a6;

    border-radius: 25px;

    width: 89px;

    height: 25px;

    line-height: 25px;

}



.book_btn:hover {

    background-color: #6aaa4f;

}



.price_and_book {

    position: absolute;

    bottom: 30%;

    width: 100%;

}



.popular_project {

    background: #e6e6e6;

    padding-top: 65px;

    padding-bottom: 65px;

}



.why_us {

    padding-top: 65px;

    padding-bottom: 65px;

}



.feedback_section {

    padding-top: 82px;

    padding-bottom: 82px;

    background-color: #9bdaf2;

}



.color000-07 {

    color: rgba(0, 0, 0, 0.7);

}



.send_now {

    background-color: #000;

    width: 100%;

    border-radius: 5px;

    height: 45px;

    line-height: 45px;

}



.send_now:hover {

    background-color: #bf61a6;

}



.feedback_field_1 {

    height: 45px;

}



.top_providers {

    background-color: #f9f9f9;

    padding-top: 90px;

    padding-bottom: 70px;

}



.offer_select_box {

    background: transparent url(../images/offer-select-icon.png);

    background-repeat: no-repeat;

    background-position: right 20px center;

    border-width: 1px;

    border-color: rgb(0, 0, 0);

    border-style: solid;

    border-radius: 5px;

    height: 42px;

    line-height: 30px;

    padding: 0px;

    padding-left: 20px;

}



ul.services_list_1 li {

    background-color: #323232;

    padding: 10px 18px;

    border-radius: 20px;

}



.services_list_1 {

    margin-bottom: 57px;

}



.provider_box {

    background: url(../images/offer-page-box-bg.png) no-repeat;

    background-size: 100% 100%;

    padding: 30px 38px;

    padding-left: 48px;

    position: relative;

}



.chat_button {

    background-color: #fff2cc;

    /* padding: 10px 50px; */

    height: 44px;

    line-height: 40px;

    width: 100%;

}



.chat_button:hover {

    color: #323232;

}



.cnt_btn {

    background-color: #ead1dc;

    /* padding: 10px 50px; */

    height: 44px;

    line-height: 40px;

    width: 100%;

}



.cnt_btn:hover {

    color: #323232;

}



.two-buttons {

    position: absolute;

    bottom: -7px;

    width: 97.5%;

    left: 7px;

    display: flex;

    justify-content: space-between;

}



.footer-top {

    padding-top: 60px;

    padding-bottom: 60px;

}



.footer-top ul li a:hover, .footer-top a:hover {

    color: #bf61a6;

}



.footer-bottom {

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #f9f9f9;

}



.captcha_div {

    /* position: relative */
    position: absolute;
    left: 13px;
    top: 36px;
    background: #e9e9e9;
    border-radius: 4px;
    padding: 8px 32px;
    width: 149px;
    text-align: center;
}



.captcha_div img {

    position: absolute;

    top: -45px;

    left: 0px;

}



/* for search page */

.banner_bar {

    padding-top: 10px;

    padding-bottom: 10px;

    background-color: #ff948b;

}



.offer_page_box .provider_box {

    background: url(../images/offer-page-box-bg.png) no-repeat;

    background-size: 100% 100%;

    padding-left: 48px;
    height: 100%;
}



.offer_page_box .provider_box .two-buttons {

    bottom: -7px;

}



.pagination .page-item {

    margin-right: 11px;

}



.pagination .page-item .page-link {

    padding: 4px 16px 8px;

    border-radius: 10px;

    border-color: #323232;

    background-color: transparent;

}



.pagination .page-item .page-link img.d-arrow-image {

    display: inline-block;

}



.pagination .page-item .page-link:hover img.d-arrow-image {

    display: none;

}



.pagination .page-item .page-link img.h-arrow-image {

    display: none;

}



.pagination .page-item .page-link:hover img.h-arrow-image {

    display: inline-block;

}



.pagination .page-item .page-link:hover {

    background-color: #323232;

    color: #f9f9f9;

}



.offer_page_box {

    padding-top: 60px;

    padding-bottom: 60px;

}



.search_bar_form {

    background-color: #b4b4b4;

    padding-top: 35px;

    padding-bottom: 30px;

}



.offerpage-selectbox {

    color: #737373;

    padding: 9px 15px;

    background-image: unset;

    border-radius: 10px;

}

#search_category.offerpage-selectbox,
#search_location.offerpage-selectbox{
    background-image: url(../images/offer-select-icon.png);
    background-size: 21px 13px
}


.offerpage-selectbox option {

    color: #737373;

    font-weight: 600;

    font-size: 20px;

}



.sorting-box {

    background-image: url(../images/offer-select-icon.png);

    background-size: 21px 13px;

    cursor: pointer;

}



.registration_steps .nav-pills .nav-link.active {

    background-color: #bf61a6;

}



.registration_steps .nav-pills .nav-link:hover {

    background-color: #bf61a6;

    color: #fff;

}
.registration_steps .nav-pills .nav-link:hover i{color: #fff;}


.registration_steps .nav-pills .nav-link {

    padding: 15px 26px;

    border-radius: 10px;

    margin-top: 15px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);

}



.registration_steps .nav-pills .nav-link:first-child {

    margin-top: 0px;

}



.all_step_content {

    background: rgba(255, 255, 255, 0.2);

    border-radius: 10px;

}



.vertical-align-middel {

    vertical-align: middle;

}



.save_next_link, .save_next_link2 {

    position: absolute;

    bottom: 18px;

    right: 35px;

}



.save_next_link a:hover {

    color: #6aaa4f;

}



.step_input_field {

    padding: 14px 20px;

    background: #fbfbfb;

    border-radius: 5px;

    border: unset;

}



.step_input_field:focus {

    box-shadow: unset;

}



.selectbox_age {

    padding: 12px 20px;

    border: unset;

    background-image: url(../images/offer-select-icon.png);

    background-size: 21px 13px;

    background-color: #bf61a6;

    margin-top: 21px;
}



input.step_input_field::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



input.step_input_field::-moz-placeholder {

    /* Firefox 19+ */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



input.step_input_field:-ms-input-placeholder {

    /* IE 10+ */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



input.step_input_field:-moz-placeholder {

    /* Firefox 18- */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}

input.step_input_field.grey-placeholder::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



input.step_input_field.grey-placeholder::-moz-placeholder {

    /* Firefox 19+ */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



input.step_input_field.grey-placeholder:-ms-input-placeholder {

    /* IE 10+ */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



input.step_input_field.grey-placeholder:-moz-placeholder {

    /* Firefox 18- */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



textarea.step_input_field.grey-placeholder::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



textarea.step_input_field::-moz-placeholder {

    /* Firefox 19+ */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



textarea.step_input_field:-ms-input-placeholder {

    /* IE 10+ */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



textarea.step_input_field:-moz-placeholder {

    /* Firefox 18- */

    color: #9b9b9b;

    opacity: 1;

    font-size: 16px;

}



.custom_radio_btn {

    /* display: table-cell; */

    position: relative;

    height: 54px;

    width: 98px;

    margin-bottom: 12px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    text-align: center;

    vertical-align: middle;

    line-height: 50px;

    margin-right: 20px;

}



/* Hide the browser's default radio button */

.custom_radio_btn input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



/* Create a custom radio button */

.custom_radio_btn_check_sign {

    position: absolute;

    top: 0;

    left: 0;

    height: 54px;

    width: 98px;

    background-color: #fbfbfb;

    border-radius: 5px;

}



/* On mouse-over, add a grey background color */

.custom_radio_btn:hover input~.custom_radio_btn_check_sign {

    background-color: #ccc;

}



/* When the radio button is checked, add a blue background */

.custom_radio_btn input:checked~.custom_radio_btn_check_sign {

    background-color: #c777b1;

}



.z-index-1 {

    z-index: 1;

}



.step-3-selectbox {

    padding: 10px 20px;

    margin-bottom: 10px;

}



.custom-file {

    position: relative;

    display: inline-block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    margin-bottom: 0;

}



.custom-file {

    height: 47px;

    position: relative;

}







.custom-file-label::after {

    content: "Upload";

    background-color: #c163a7;

    color: #fff;

    padding: 10px 50px 10px 50px;

    height: auto;

    line-height: 30px;

    border-radius: 5px;
    position: absolute;
    right: 0px;
    top: 0px;

}



.upload_btn_style {

    position: relative;

}



.upload_btn_style:after {

    content: "Upload";

    background-color: #c163a7;

    color: #fff;

    padding: 11px 50px 10px 50px;

    height: auto;

    line-height: 30px;

    border-radius: 5px;

    position: absolute;

    right: 0px;

    top: 0px;

}



.custom-file-label {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    /* border: 1px solid #ced4da; */

    border-radius: 5px;

    text-align: left;

}



.custom-file-label {

    height: 47px;

    line-height: 35px;

    padding-right: 0px;

}



.browse {

    border: 0px;

    background: transparent;

    border-radius: 10px;

}



.upload-image-fix {

    position: relative;

}



.close-btn {

    position: absolute;

    right: 0px;

    top: -4px;

}



.ms-options-wrap>button:focus, .ms-options-wrap>button {

    background-color: #bf61a6;

    padding: 10px 20px;

    border: 0px;

    font-size: 20px;

    font-weight: 600;

    color: #e9e9e9;

    font-family: 'Raleway', sans-serif;

    border-radius: 5px;

    margin-bottom: 15px;

}

.cats .ms-options-wrap>button:focus, .cats .ms-options-wrap>button {
    color: #737373;
    background-color: #fff;
    padding: 9px 15px;
    background-image: unset;
    font-size: 17px;
    border-radius: 10px;
}

.cats .ms-options-wrap.ms-has-selections > button{color: #737373;}

.cats .ms-options-wrap>button:after{

    background-image: url(../images/offer-select-icon.png);

    width: 21px;

    height: 13px;

    right: 15px;

    border: 0px;
}

.ms-options-wrap>button:after {

    background: url(../images/home-selectbox-arrow.png);

    width: 21px;

    height: 13px;

    right: 15px;

    border: 0px;

}



.ms-options-wrap>.ms-options>ul input[type="checkbox"] {

    top: 14px;

}



.ms-options ul {

    list-style-type: none;

    padding-left: 12px;

}



.ms-selectall.global {

    display: block;

    font-size: 16px;

    color: #000;

    font-weight: 600;

    padding-left: 12px;

}



.ms-search input {

    margin: 12px;

}



.service_offer_tab .ms-options-wrap>button:focus, .service_offer_tab .ms-options-wrap>button {

    color: #000;

    font-size: 16px;

}



.service_offer_tab .ms-options-wrap>button:after {

    background: url(../images/offer-select-icon.png);

}



.dropdown_head_btn {

    width: 110px;

    height: 50x;

    text-align: center;

    line-height: 50px;

    background: transparent;

    border-radius: 8px;

    border: 1px solid #000;

    padding: 0px 25px !important;



}



.dropdown_head_btn.dropdown-toggle::after {

    border: 0px;

    background-image: url(../images/offer-select-icon.png);

    background-repeat: no-repeat;

    background-position: top right;

    background-size: 21px 13px;

    height: 13px;

    width: 21px;

    position: absolute;

    top: 20px;

    right: 25px;

}



/* profile page */

.profile_banner {

    background-color: #e9e9e9;

    padding-top: 70px;

    padding-bottom: 70px;

}



.tabbine_list_options .option_box a {

    border-width: 1px;

    border-color: rgb(255, 255, 255);

    border-style: solid;

    border-radius: 10px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);

    width: 240px;

    height: 58px;

    line-height: 58px;
    display: inline-block;

}



.tabbine_list_options .option_box.active a, .tabbine_list_options .option_box:hover a {

    background-color: #bf61a6;

    border-color: #bf61a6;

}



.tabbine_list_options .option_box.active a, .tabbine_list_options .option_box:hover a {

    color: #ffff;

}



.profile_form1 .custom_radio_btn {

    width: 46%;

    margin-right: 13px;

    background: #fff;

    border-radius: 3px;

}



.profile_form1 .custom_radio_btn_check_sign {

    width: 100%;

    background: #fff;

    border-radius: 3px;

}



.save_btn {

    width: 100%;

    height: 54px;

    background-color: #bf61a6;

    border-radius: 5px;

    line-height: 50px;

}



.save_btn:hover {

    background-color: #403f3d;

}



.position_absolute_minus {

    position: absolute;

    top: -1000px;

}



/* search detail page */



.search_title_bar {

    background-color: #b4b4b4;

}



.py-45 {

    padding-top: 45px;

    padding-bottom: 45px;

}



.chat_btn2 {

    background-color: #fff2cc;

    width: 266px;

    height: 57px;

    line-height: 55px;

    border: 1px solid #323232;

}



.chat_btn2:hover {

    color: #323232;

}



.cnt_btn2 {

    background-color: #ead1dc;

    width: 266px;

    height: 57px;

    line-height: 55px;

    border: 1px solid #323232;

}



.cnt_btn2:hover {

    color: #323232;

}



.search_detl_section {

    padding-top: 70px;

    padding-bottom: 70px;

    background-color: #f9f9f9;

}



.text-justify {

    text-align: justify;

}



.table>:not(caption)>*>* {

    border-bottom-width: 0px;

}



#transactions_list_wrapper .row .col-md-6 {

    width: 100%;

}



div.dataTables_wrapper div.dataTables_filter {

    text-align: left;

}



div.dataTables_wrapper div.dataTables_filter input {

    width: 90%;

    border: unset;

    font-size: 18px;

}



div.dataTables_wrapper div.dataTables_filter label {

    width: 85%;

    border-radius: 5px;

    background: rgb(255, 255, 255) url(../images/search-icon.png) no-repeat center right 30px;

    height: 52px;

    line-height: 62px;

    padding-left: 35px;

    font-size: 0px;

    margin-bottom: 0px;

    margin-top: 50px;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);

}



tr.odd {

    background-color: #fff;

    border-radius: 10px;

}
tr.even {

    background-color: #fff;

}
.table-striped>tbody>tr:nth-of-type(odd)>* {

    --bs-table-accent-bg: white;

    color: #999;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

}
#transactions_list_paginate .pagination .page-item.active .page-link, #transactions_list_paginate .pagination .page-item:hover .page-link {

    background-color: #bf61a6;

    border-color: #bf61a6;

    color: #fff;

    box-shadow: unset;

}
#transactions_list_paginate .pagination .page-item .page-link {

    background-color: #fff;

    color: #bf61a6;

    border-color: #bf61a6;

    padding: 7px 15px 7px;

}
#transactions_list_wrapper .row .col-md-7 {

    width: 100%;

}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {

    justify-content: center;

}
.table>:not(caption)>*>* {

    padding: 15px 15px;

}
.table-striped>tbody>tr td:first-child {

    border-radius: 5px 0px 0px 5px;

}
.table-striped>tbody>tr td:last-child {

    border-radius: 0px 5px 5px 0px;

}
.search_btn {

    background-color: #bf61a6;

    height: 51px;

    line-height: 50px;

    width: 175px;

    border-radius: 5px;

    border: 1px solid #fff;

    position: absolute;

    right: 0px;

    top: 50px;

}
.search_bar_btn {

    position: relative;

}
.offerpage_select_option .dropdown-menu {

    background-color: #bf61a6;

    min-width: 8rem;

    transform: translate(24px, 16px) !important;

    inset: unset !important;

}
.offerpage_select_option .dropdown-item:focus, .offerpage_select_option .dropdown-item:hover {

    background-color: transparent;

}
.offerpage_select_option .dropdown-toggle::after {

    background: url(../images/offerpage-select-arrow.png);

    border: 0px;

    width: 11px;

    height: 7px;

    background-position: top 50% right 0px;

    background-repeat: no-repeat;

    vertical-align: middle;

    margin-left: 25px;

}

.offerpage_select_option .dropdown-toggle:hover {color: #999;}
table.dataTable {margin-bottom: 20px !important;}

/* 11 april 2022 */

.ms-options-wrap.ms-has-selections > button{color: #f7f7f7;}
.ms-options-wrap > .ms-options > ul label{padding-left: 25px;}
.ms-options-wrap>.ms-options>ul input[type="checkbox"]{top:10px}
.ms-options-wrap > .ms-options > ul li{padding: 0 10px;}
.registration_steps .nav-pills .nav-link.current_step_checked{background-color: #6aaa4f;color: #fff;}
.registration_steps .nav-pills .nav-link:focus{color: #fff;background-color: #bf61a6;}

.service_offer_tab .ms-options-wrap.ms-has-selections > button{color: #333;}
a.upload_btn_style:hover{color: #000;}
.mydropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename{display: none;}
.ms-options-wrap > button[disabled]{background: rgba(191, 97, 166, 1);opacity: 0.7;}
.new_search_button{background-color: #6aaa4f;padding: 12px 25px;width: 100%;background-color: #6aaa4f;border-radius: 8px;color: #f2f2f2;}
.new_search_button:hover{background-color: #6aaa4f;}
.services_box h4:hover{color: #6aaa4f;}
.top_providers{overflow: hidden;}
.send_btn1{width: 100%;background-color: #bf61a6;padding: 12px 25px;border-radius: 8px;color:#f2f2f2;;}
.send_btn1_search{width: 50%;background-color: #ff948b;padding: 9px 11px;border-radius: 8px;color: #f2f2f2; border: none;}
.send_btn1:hover{background-color: #6aaa4f;}
.contact_popup_content .btn-close{position: absolute;
    right: 27px;
    top: 22px;
    opacity: 0.9;
    background-color: #fff;
    padding: 10px;}
.login_form_field{font-size: 16px;height: 48px;line-height: 45px;padding-left: 20px;}
.login_form_field:focus{box-shadow: unset;border-color: #6aaa4f;}
textarea.login_form_field{height: auto;}
.pop_title{background-color: #bf61a6;}
.pagination .page-item.active .page-link{color: #f7f7f7;background-color: #242526;border-color: #242526;}
.innerpage_title{background-color: #b4b4b4;}
.ps-130{padding-left: 160px !important;}
.submit_button1{background-color: #bf61a6;padding: 22px 40px;border-radius: 5px;}
.submit_button1:hover{background-color: #6aaa4f;}
.login_form1{background: #f2f2f2;box-shadow: 1px 5px 17px 2px rgb(0 0 0 / 20%);padding: 30px 0px 0px;margin-top: 50px;}
.fix-image-size{position: relative;
    height: 90px;
    border: 2px solid #bf61a6;
    width: 90px;
    border-radius: 100%;
    padding: 7px;
    cursor: pointer;
}
.fix-image-size img{position: absolute;
    left: 0px;
    top: 0px;
    object-fit: cover;
    border-radius: 100%;
    height: 100%;
    width: 100%;}




/* 23 june 2022 */

.bilder_img_display{position: relative;height: 200px;width: 100%;border-radius: 10px;margin-bottom: 20px;}
.bilder_img_display img{position:absolute;left: 0px;top: 0px;object-fit: contain;height: 100%;width: 100%;border-radius: 10px;}

.bilder_content_popup .modal-content{background-color: #bf61a6;border-radius: 15px;border: 1px solid #d0cfcf;}

.bilder_content_popup.contact_popup_content .btn-close,.payment_popup_sty.contact_popup_content .btn-close{
    background: url(../images/close-btn-2.png) no-repeat;
    border: none;
    background-size: 17px 18px;
    top: 32px;
    right: 30px;
}

.save_next_link2 button:hover,.save_next_link button:hover,.save_next_link2 button,.save_next_link button{
    background: transparent;
}

/* 25 june 2022 */

.payment_btn2{
    border-radius: 8px;
  background-color: rgb(191, 97, 166);
  box-shadow: 7px 8px 0px 0px rgba(28, 25, 25, 0.28);
  width: 186px;
  height: 51px;
  line-height: 27px;
  padding: 0px;
}
.color-e9e9e8{color: #e9e9e8;}
.payment_popup_sty .modal-content{background-color: #bf61a6;border-radius: 15px;border: 1px solid #d0cfcf;}
.modal-backdrop.show {
    opacity:.9

}
.fw-semibold{font-weight: 600;}
.color-8b8888{color: #8b8888;}
.your_ans_field{padding-left: 20px;padding-top: 20px;padding-bottom: 20px;border: 0px;border-radius: 10px;}
.medium{font-weight: 500;}
.font15{font-size: 15px;}
.line-height-21{line-height: 21px;}

/* The container */
.radio_btn_main {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
    margin-right: 50px;
  }

  /* Hide the browser's default radio button */
  .radio_btn_main input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .checkmark-radio {
    position: absolute;
    top: 2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    border-radius: 0%;
  }

  /* On mouse-over, add a grey background color */
  .radio_btn_main:hover input ~ .checkmark-radio {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .radio_btn_main input:checked ~ .checkmark-radio {
    background-color: #bf61a6;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark-radio:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .radio_btn_main input:checked ~ .checkmark-radio:after {
    display: block;
  }
  .radio_btn_main .checkmark-radio:after {
       top: 50%;
      left: 52%;
      transform: translate(-50%,-50%);
      width: 12px;
      height: 12px;
      border-radius: 0%;
      background: white;
  }
  .qna_popup_content .btn-close{position:absolute;right: 30px;top: 30px;background: url(../images/close-btn-2.png) no-repeat;
    border: none;
    background-size: 17px 18px;
    top: 32px;
    right: 30px;
    opacity: 1;
    }
  .qna_popup_content .modal-content{
    background-color: #bf61a6;
    border-radius: 15px;
    border: 1px solid #d0cfcf;
    }
.qna_popup_content .pop_title{border-radius: 30px;}
.qna_popup_content .send_btn1 {border-radius: 8px;
    background-color: rgb(106, 170, 79);
    box-shadow: 7px 8px 0px 0px rgb(28 25 25 / 28%);
    width: 186px;
    height: 51px;
    line-height: 27px;
    margin-left: 20px;
    padding: 0px;}
.color-6a6a6a{color: #6a6a6a;}
.color-FF3737FF{color: #ff3737;}
.color-green-dot{color: #3de500;}
.historical_answer_chatboard{background-color: lightgray;border-radius: 5px;padding: 10px 20px;height: 142px;overflow-y: scroll;}
.historical_answer_chatboard::-webkit-scrollbar {
    width: 8px;
    height: 10px;
  }
.historical_answer_chatboard::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ddd;
  }
  .not_a_roboto .captcha_div{top: 3px;left: 0px;}
  #searchForm .new_search_button{background-color: #6aaa4f;}
  #searchForm .new_search_button:hover{background-color:#bf61a6;}
  .question_height_fix{height: 209px;overflow-y: scroll;}
  .question_height_fix::-webkit-scrollbar {width: 8px;height: 10px;}
.question_height_fix::-webkit-scrollbar-thumb {border-radius: 10px;background: #ddd;}
.profilePageHeadline{
    margin-left: 50px;
}
#mobileOnly{
    display: none;
}
.captcha_div_register{
    position: relative;
    top: 8px;
    background: #bf61a6;
    border-radius: 4px;
    padding: 8px 32px;
    width: 149px;
    text-align: center;
}
.captcha_div_login{
    position: relative;
    left: 1px;
    top: -15px;
    background: #bf61a6;
    border-radius: 4px;
    padding: 8px 32px;
    width: 149px;
    text-align: center;
    height: 46px;
}
.asterisk{
    font-weight: bold;
    color: red;
    font-size: 25px;
    position: absolute;
    margin-left: 5px;
    margin-top: -5px;
}
.headline{
    /* margin-left: 50px; */
    margin-top: 15px;
}
.search_cc .send_now{line-height: 40px;}
.search_cc .login_form_field{padding-bottom: 10px;}
.radio_btn_main.compny_rad_btn{display: inline-block;}

.custom_checkbox_style {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .custom_checkbox_style input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .custom_checkbox_style .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
  }

  /* On mouse-over, add a grey background color */
  .custom_checkbox_style:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .custom_checkbox_style input:checked ~ .checkmark {
    background-color: #bf61a6;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .custom_checkbox_style .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .custom_checkbox_style input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .custom_checkbox_style .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .service_offer_tab .font18{font-size: 17px;}
  .message_notification{background:transparent;}
  /* .border-light-purple{border:1px solid #bf61a6;} */
  .bg-green{background-color: #6aaa4f;}

  #v-pills-language-selection .language_selsction  .radio_btn_main{margin-right: 35px;}

label.error {
    color: red;
    margin-top: 20px;
}

.register-a .new_search_button:hover {
    background-color: #bf61a6;
}

.register-a a {
    text-decoration: none;
    color: white;
}

.select_box_field_step_three {
    padding: 10px 20px;
    background-color: #bf61a6;
    border-radius: 8px;
    color: #f2f2f2;
    margin-top: 28px;
}

.select_box_field_step_three option {

    color: #f2f2f2;

}

.select_box_field_step_three.form-select {

    background-image: url(../images/home-selectbox-arrow.png);

    background-size: 21px 13px;

}

/*::placeholder { !* Most modern browsers support this now. *!
    color: #909;
}*/

.custom_checkbox_style_payment {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.custom_checkbox_style_payment input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.custom_checkbox_style_payment .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.custom_checkbox_style_payment:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom_checkbox_style_payment input:checked ~ .checkmark {
    background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom_checkbox_style_payment .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom_checkbox_style_payment input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom_checkbox_style_payment .checkmark:after {
    left: 8px;
    top: 4px;
    width: 6px;
    height: 13px;
    border: solid #bf61a6;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.send_btn1_payment{width: 100%;background-color: #bf61a6;padding: 12px 25px;border-radius: 8px;color:#f2f2f2;;}
.send_btn1_payment:hover{background-color: #6aaa4f;}
.payment_btn2_payment {
    border-radius: 8px;
    background-color: rgb(106, 170, 79);
    box-shadow: 7px 8px 0px 0px rgba(28, 25, 25, 0.28);
    width: 235px;
    height: 70px;
    line-height: 27px;
    padding: 0px;
}

.send_btn1_payment_btn_2{width: 100%;background-color: #bf61a6;padding: 12px 25px;border-radius: 8px;color:#f2f2f2;;}
.send_btn1_payment_btn_2:hover{background-color: #6aaa4f;}
.payment_btn2_payment_btn_2 {
    border-radius: 8px;
    background-color: rgb(106, 170, 79);
    box-shadow: 7px 8px 0px 0px rgba(28, 25, 25, 0.28);
    width: 220px;
    height: 57px;
    line-height: 27px;
    padding: 0px;
}