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

:root {
    --main-color: #e86a1f;
    --second-color: #124e21;
    --main-font: 'Karla', sans-serif;
}

body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
li,
a,
span,
div {
    font-family: var(--main-font);
}

.loading_screen {
    width: 100%;
    position: fixed;
    height: 100vh;
    background-color: white;
    top: 0;
    z-index: 2;
}

.loading_wrapper>img {
    width: 300px;
}

.loading_wrapper {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.main_container {
    margin-left: 80px;
    margin-right: 80px;
}

.top_header {
    background-color: #ffffff;
    padding: 10px 0px;
    background-image: url(../images/custome/5611.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.contact_top {
    display: inline-flex;
}

.contact_top>ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contact_top>ul>li {
    margin-right: 14px;
    border-right: 1px solid white;
    padding-right: 10px;
}

.contact_top>ul>li>a {
    text-decoration: none;
    color: white;
}

.social_top>ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.social_top>ul>li>a {
    float: right;
    color: #000;
    margin-top: 14px;

}

.social_top>ul>li {
    margin-right: 15px;
}

.social_top>ul>li>a>i {
    font-size: 20px;
}

.content_top_header {

    width: 100%;
}

.social_top {
    float: right;

}

.bottom_header {
    background-color: #0d5ec3;
    padding: 0px 0px;
}

.logo>img {
    width: 180px;
}

.logo {
    display: inline-flex;
    margin-top: 5px;
}

.nav_header {}

.nav_header>ul {
    display: inline-flex;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-top: 0px;

}

.nav_header>ul>li {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1;
    padding-top: 12px;
    padding-bottom: 15px;
}

.nav_header>ul>li>a {
    text-decoration: none;
    color: white;
    font-size: 17px;
}

#bannerhome {

    min-height: 450px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.content_banner_form {
    padding: 20px 0px 15px 0px;
}

.form_need_seeker {
    min-height: 410px;
    width: 430px;
    background-color: white;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 10px;
    margin-left: auto;
}

.logo_form_need {
    padding: 20px;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.logo_form_need>img {
    width: 60%;
    display: flex;
    justify-content: center;
}

.tab_need_seeker {
    margin: 10px;
}

.item_check_what_to {
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px;
}


.item_check_what_to_oversies{
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 14px;
    display: flex;
}

.item_check_what_to_seeker {
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px;
}


.item_check_what_to_oversies>.img_need_form_tab{
    margin-bottom: 0px !important;
}

.item_check_what_to_oversies>.img_need_form_tab>img{
    width: 32px !important;
    margin-right: 20px;
}

.img_need_form_tab {
    margin-bottom: 10px;
}

.img_need_form_tab>img {
    width: 60px;
}

 
.item_check_what_to_oversies>span{
    font-size: 20px;
}

.active_whatdo {
    background-color: var(--main-color) !important;
}

.active_whatdo_seeker {
    background-color: var(--main-color) !important;
}

.active_whatdo_seeker>span {
    color: white !important;
}


.active_whatdo>span {
    color: white !important;
}

.active_whatdo_sub {
    background-color: green !important;
}

.active_whatdo_sub>span {
    color: white !important;
}


.btn_default {
    background-color: var(--main-color);
    padding: 10px;
    border: none;
    border-radius: 2px;
    color: white;
    font-weight: 800;
    font-size: 18px;

}

.btn_align {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel_form_need_seeker {
    padding-bottom: 10px;
}

.alert_box_danger {
    padding: 9px;
    color: white;
    background-color: rgba(235, 14, 14, 0.8);
    border-radius: 7px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 500;
}

#alert_need_seeker {
    display: none;
}

#what_to_maid,
#need_gender,
#hourse_type,
#user_data,
#proof_upload,
#otp_field {
    display: none;
}

.inside_loader {
    width: 25px;
    margin-right: 5px;
    display: none;
}

.otp_filed_box {
    display: block;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 20px;

}

.otp_filed_box>input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    outline: none;
}

.otp_filed_box>p {
    margin-bottom: 5px;
}

.otp_filed_box>a {
    text-decoration: none;
    padding-bottom: 10px;
    display: block;
}

.urgent_type {
    box-shadow: 0px 1px 2px #c3c3c3;
    border: 1px solid #F1F1F1;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 50px;
    display: flex;
}

.urgent_type>img {
    width: 68px;
    height: 70px;
}

.content_urgent {
    padding-left: 7px;
    margin-top: 10px;
}

.content_urgent>h5 {
    font-size: 20px;
    color: #e86a1f;
    margin-bottom: 5px;
}

.content_urgent>p {
    margin-bottom: 0;
}

.active_urgent {
    background-color: var(--main-color) !important;
}

.active_urgent>.content_urgent>h5 {
    color: white !important;
}

.gender_group {
    display: flex;

}

.gender_single {
    border: 1px solid var(--main-color);
    margin-bottom: 10px;
    padding-top: 10px;
    border-radius: 10px;

}

.image_gender>img {
    width: 59%;
    margin-bottom: 5px;
}

.image_gender {
    display: flex;
    justify-content: center;
}

.gender_single>h5 {
    text-align: center;
}

.active_gender {
    background-color: var(--main-color) !important;
}

.modal_user_type_box>img {

    width: 100%;
    padding: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.content_modal_user {
    text-align: center;
}

.content_modal_user>p {
    text-align: center;
    font-size: 17px;
    padding: 0px 10px;
}

.btn_continue {
    border: navajowhite;
    padding: 7px;
    border-radius: 5px;
    background: #e86a1f;
    color: white;
    font-weight: 500;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    width: 93%;
    margin: 0px 10px;
    position: absolute;
    bottom: 10px;
}


.btn_continue_two {
    border: navajowhite;
    padding: 7px;
    border-radius: 5px;
    background: #e86a1f;
    color: white;
    font-weight: 500;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    width: 100%;
    text-decoration: none;
}

.btn_continue_two:hover {
    color: white;
}

.modal_type_user {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;

}

.modal_user_type_box {
    position: relative;
    height: 500px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 3px 8px #2d2d2da8;
}

.modal_type_user_wrapper {
    max-width: 650px;
    margin: auto;
    height: 100%;
}

.heightmodal {
    height: 100%;
    align-items: center;
}

.hourse_type_box {
    border: 1px solid #e4e4e4;

    text-align: center;
    border-radius: 10px;
    margin-bottom: 15px;
}

.hourse_type_box>h2 {
    font-size: 23px;
    padding: 10px;
    padding-bottom: 0px;
    color: var(--main-color);
}

.hourse_type_box>p {
    font-size: 13px;
    margin-bottom: 0;
    background-color: #f2f2f2;
    padding: 10px;
}

.hourse_type_box:hover {
    border: 1px solid var(--main-color);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.active_hour {
    border: 1px solid var(--main-color);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.form_group {
    margin-bottom: 10px;
}

.form_group>input,
textarea,
select {
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    width: 100%;
    padding: 7px;
    outline: none;
    font-size: 18px;
}

.errorInput {
    border: 1px solid red !important;
}

.nullinput {
    border: 1px solid red !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#address_data {
    display: none;
}

.modal_need_job_wrapper {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: none;
}

.modal_need_job {
    box-shadow: 2px 3px 8px #2d2d2da8;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
    border-radius: 10px;
}

.head_modal {
    text-align: center;
    background-color: var(--main-color);
    padding:10px;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: white;
}

.body_modal {
    padding: 20px 20px 25px;
}

.language_list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.language_list>li>button {
    background-color: var(--main-color);
    width: 100%;
    margin-bottom: 10px;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 10px;
    color: white;
    -webkit-transition: background-color 0.5s ease-out;

}


#want_job_from,
#personal_data_need,
#language_speak,
#form_need,
#type_job_need,
#alert_need_job,
#working_need_str {
    display: none;
}

.language_list>li>button:hover {
    background-color: white;
    color: black;
    border: 1px solid var(--main-color);
}

.active_speak {
    background-color: white !important;
    color: black !important;
    border: 1px solid var(--main-color) !important;
}

.hourse_type_need {
    background-color: #ececec;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 2px 3px 8px #2d2d2da8;
}

.tick {
    float: right;
    display: none;
}

.active_time {
    background-color: var(--main-color);
}

.active_time>.tick {
    display: block !important;
}

.menu_btn {
    background: transparent;
    border: navajowhite;
    font-size: 25px;
    padding: 0;
    display: none;
}

.menu_mob {}

.menu_mob>ul,
.onmob_links>ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.menu_mob>ul>li,
.onmob_links>ul>li {
    border-top: 1px solid #0a2a30;

    padding: 5px 0px 8px 0px;
    text-align: center;
    background-color: #007CAA;
}

.last_element {
    border-bottom: 1px solid #0a2a30;
}

.menu_mob>ul>li>a,
.onmob_links>ul>li>a {
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.menu_mob,
.onmob_links {
    display: none;
}

.content_banner_text {
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.content_flex_banner {}

.content_flex_banner>h5 {

    font-size: 31px;
    text-shadow: white 1px 2px;
    font-weight: 500;

}

.content_flex_banner>h2 {
    color: var(--main-color);
    font-size: 55px;
    font-weight: 600;
    text-shadow: black 1px 2px;

}

.content_flex_banner>h2>span {
    color: white;
    text-shadow: black 0px 3px 7px;
    font-size: 60px;
}

.content_flex_banner>p {}

.banner_button {
    background-color: var(--main-color);
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 7px;
    color: white;
}


.box_list_nurse {
    height: 100%;
}

.border_gap_list {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    height: 100%;
}

.img_nurse {
    background: #f2f2f2;
    height: 280px;
}

.img_nurse>img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.data_nurse_list {
    padding: 8px;
}

.data_nurse_list>h2 {
    font-size: 23px;
    color: #083362;
    font-weight: 600;
}

.data_nurse_list>span {
    font-weight: 600;
}



.data_nurse_list>h4 {
    font-size: 20px;
    font-weight: 700;
}

.data_nurse_list>p {
    font-size: 18px;
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}

.view_profile {
    background-color: var(--main-color);
    border: navajowhite;
    width: 100%;
    padding: 10px;
    color: white;
    font-size: 20px;
    border-radius: 50px;
    display: block;
    text-decoration: none;
}

.btn_inside_list {
    padding: 10px;
    padding-top: 0px;
}

.section_head {
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;

}

.section_head>h2 {
    color: var(--main-color);
    margin-bottom: 3px;
}

.section_head>p {
    font-size: 20px;
    padding: 10px 20px 14px;
    margin-top: 10px;
    display: initial;
    border-bottom: 1px solid orange;
}

#vaccancy_list {
    background-color: #e3dcdc;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 30px;
}


.job_vaccancy_box {
    border: 1px solid #b9b9b9;
    background-color: white;
    margin-bottom: 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top_vaccancy_data {
    padding: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #b2b2b2;
}

.top_vaccancy_data>h2 {
    font-size: 25px;
    color: var(--main-color);
}

.top_vaccancy_data>p {
    font-size: 15px;
    margin-top: -3px;
    margin-bottom: 0;

}

.top_vaccancy_data>p>i {
    font-size: 13px;
    color: red;
}

.data_vaccancy_list {
    padding: 0px 10px;
}

.enq_button>a {
    text-decoration: none;
    background-color: var(--main-color);
    width: 100%;
    display: block;
    color: white;
    padding: 10px;
    text-align: center;
}

.vd_head {
    margin-bottom: 7px;
    font-weight: 600;
}

.vd_ans {
    word-break: break-all;
}

#about_company {
    margin-top: 30px;
}

.data_about>h5 {
    color: var(--main-color);
    font-size: 30px;
}

.data_about>span {
    color: var(--second-color);
    font-size: 25px;
}

.content_about_p {
    margin-top: 11px;
    line-height: 28px;
    font-size: 18px;
}

.content_about_p>span {
    margin-bottom: 10px;
    display: block;
}

.img_box_adjust {
    position: relative;
}

.img_box_adjust>img {
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-bottom: 20px;
}

.flex_making {
    height: 100%;
    display: flex;
    align-items: center;

}


.our_services {
    background-color: #f2f2f2;
    padding-top: 30px;
}

.img_service {
    height: 270px;
    position: relative
}

.img_service>img {
    width: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.content_service {
    background: #e2edf5;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.content_ser {}

.call_contact_btn {
    border: none;
    background-color: var(--main-color);
    padding: 10px 20px 10px 20px;
    color: white;
    text-decoration: none;
}

.box_how {
    text-align: center;
}

#howwork {
    background-color: #f2f2f2;
    padding-bottom: 20px;
}

.notop {
    margin-top: 0 !important;
    padding-top: 20px;
}

#we_offer {
    background-color: #f2f2f2;
    padding-top: 15px;
    padding-bottom: 20px;
}

.color_white {
    color: white !important;
}

.item_whatwecan {
    border-right: 1px solid #918181;
    text-align: center;
    width: 16%;
    float: left;
}

.what_we_offer {
    margin-top: 30px;
}

.item_whatwecan:nth-child(6) {
    border: none;
}

.item_what_over {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.center_make {
    overflow: hidden;
}


.table_common {
    padding: 0px;
    background-color: white;
    margin-top: 50px;
}

.table_common>table {
    width: 100%;
    border-collapse: separate;
}

.table_common>table>thead {
    background-color: var(--main-color);
}



.table_common>table>thead>tr>td {
    padding: 10px;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}




.table_common>table>tbody>tr>td {
    padding: 8px;
    width: 50%;
    text-align: justify !important;
}

.table_common>table>tbody>tr>td:nth-child(1) {
    text-align: left;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.table_common>table>tbody>tr>td:nth-child(2) {
    text-align: right;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.diffrence_between {
    padding-bottom: 30px;
    background-color: #e86a1f;
}

.card_safety {
    text-align: center;
}

.card_safety>p {
    margin-top: 13px;
    color: white;
}

.trust_safety {
    background-color: #1b5726;
    padding-bottom: 20px;
}

.trust_safety>.section_head>p {
    color: white !important;
}

.table_charges {}

.table_charges>table {
    width: 100%;
    border-collapse: separate;
}

.table_charges>table>thead {}

.table_charges>table>thead>tr {
    background-color: var(--main-color);
}

.table_charges>table>thead>tr>td {
    padding: 10px;
    color: white;
    text-align: center;
    font-size: 20px;
}

.table_charges>table>tbody {}

.table_charges>table>tbody>tr {

    background-color: #cdcdcd;

}

.table_charges>table>tbody>tr>td {
    padding: 10px;
    width: 50%;
}

.post_requirment_banner {
    background-color: #007caa;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.left_box_post {
    display: inline-flex;
    color: white;
    font-size: 23px;
}

.right_box_post {
    display: inline-flex;
    float: right;
}

.all_post_box {
    padding-top: 10px;
}

.left_box_post>p {
    margin-bottom: 7px;
}

.right_box_post>button {
    background-color: orange;
    border: none;
    padding: 6px;
    color: white;
    font-size: 17px;
    font-weight: 500;
}


.payment_urgent_box {
    margin-bottom: 30px;
}

.content_urgent_pay {
    background-color: var(--main-color);
    padding: 13px;
    margin-top: 50px;
    padding-bottom: 0;
}

.amount_display {
    width: 200px;
    margin: -45px auto;
    background-color: white;
    border: 5px solid var(--main-color);
    border-radius: 50px;
    padding: 6px;
    text-align: center;
    font-size: 25px;
}

.pay_now_icon_urgent>img {
    width: 100%;
    padding: 40px;
    padding-top: 0px;
    padding-bottom: 0;
    height: 224px;
    object-fit: contain;
}

.pay_now_icon_urgent>h2 {
    text-align: center;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 9px;
}

.content_row_list {
    margin-top: 70px;
}

.list_pay_urgent>ul {
    list-style: none;
    padding-left: 0px;
}

.list_pay_urgent>ul>li {
    text-align: center;
    background-color: #b34f14;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 8px;
    color: white;
}

.msg_refund {
    background-color: #e92f2f;
    padding: 5px;
    text-align: center;
    color: white;
}

.contactform {
    background-color: #f2f2f2;
    padding-bottom: 20px;

}

.content_contact {
    margin-top: 50px;
}

#company_name_form,
#gender_need_form {
    display: none;
}

.form_pc>div>.form_group>input,
select,
textarea {
    padding: 7px;
}

.contact_item_>img {
    width: 100%;
    padding: 61px;
    padding-top: 0;
    padding-bottom: 0;
}

.item_cb {
    text-align: center;
    margin-top: 21px;
    border: 1px solid #d4d4d4;
}

.item_cb>h2 {
    background-color: white;
    padding: 10px 5px;
    font-size: 25px;
}

.item_cb>p {
    font-weight: 600;
    color: black;
    font-size: 16px;
}


.item_cb>p:nth-child(3) {
    border-top: 1px solid #d4d4d4;
    padding-top: 10px;
}


#bannerabout {
    background-image: url(../images/custome/technology.jpg);
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_about>.main_container {
    height: 100%;
}

.banner_about>.main_container>.content_banner_form {
    height: 100%;
    display: flex;
}


.content_about_banner>h2 {
    color: var(--main-color);
    font-size: 47px;
    font-weight: 600;
    text-shadow: black 1px 2px;
}

.content_about_banner>h2>span {
    color: white;
    text-shadow: black 0px 3px 7px;
    font-size: 47px;
}

.head_unique {
    font-weight: bolder;
    font-size: 37px;
    color: grey;
}

.head_unique>span {
    color: var(--main-color);
}

.p_in {
    color: #7f8c8d;
    font-size: 19px;
    line-height: 31px;
    margin-bottom: 20px;
}

.we_are_diffrent {
    background-color: #f2f2f2;
    padding-top: 5px;
    margin-top: 50px;
    padding-bottom: 35px;
}


.image_diff {
    width: 10%;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}

.image_diff>img {
    max-width: 100%;
    height: 100%;
}

.content_diff {
    display: inline-flex;
    width: 89%;
    float: right;
}

.list_diffrent {
    list-style: none;
    padding-left: 0;
}

.ref_flex>h2 {
    color: var(--main-color);
}

.ref_flex>p {

    margin-bottom: 0;
    color: #036893;
    margin-top: -5px;

}

.list_diffrent>li {
    margin-bottom: 30px;
}

.founder_profile {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-bottom: 20px;
    padding: 10px;
    margin-top: 20px;
}

.founder_profile_data {
    display: flex;
    height: 100%;
    align-items: center;
}

.founder_posi {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

.detail_founder {
    font-size: 18px;
    line-height: 1.7;
}

.name_founder {
    color: var(--main-color);
}

.team_profile {
    background-color: #f2f2f2;
    padding-bottom: 30px;
    padding-top: 11px;
    margin-top: 50px;
}

.team_image_group {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    background-color: white;
    padding: 8px;
    height: 500px;
}

.team_image_group>img {
    height: 100%;
    object-fit: cover;
}


.single_member {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    background-color: white;
    padding: 6px;
    margin-top: 30px;
    text-align: center;
}

.img_single_member {
    height: 270px;
}

.img_single_member>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_single_member>h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: var(--main-color);
    margin-bottom: 0;
}

.about_single_member>p {
    margin-bottom: 0;
    margin-top: 5px;
}

.about_single_member {
    margin-top: 10px;
    padding-bottom: 7px;
}

.image_charges {
    padding: 98px;
    padding-top: 0;
    margin-top: 35px;
    padding-bottom: 10px;
    width: 100%;
}

.chargetop {
    margin-top: 30px;
}

.box_alertetion>ul {
    list-style: none;
    padding-left: 0;
}

.box_alertetion>ul>li {
    margin-bottom: 12px;
    font-size: 18px;
}

.box_alertetion>ul>li>i {
    margin-right: 7px;
}

.box_alertetion {
    border-top: 1px solid #626262;
    padding-top: 19px;
    border-bottom: 1px solid #626262;
}

.re_post_btn {
    background-color: #8ac265;
    border-radius: 50px;
    text-decoration: none;
    color: white;
    margin-top: 29px;
    font-size: 20px;
    display: inline-flex;
}

.re_post_btn>p {
    padding: 20px;
    color: white;
    font-weight: 600;
    padding-left: 10px;
    padding-bottom: 0;
    margin-top: -4px;
}

.re_post_btn:hover {
    color: white;
}

.re_post_btn>i {
    background-color: #63a538;
    padding: 14px 10px 14px 14px;
    box-shadow: 1px 0px 9px #36730d;
    margin-right: 10px;
    padding-bottom: 0px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    padding-right: 8px;
    text-align: center;
    padding-left: 19px;
}

.re_post_btn>i>img {
    width: 30px;
    height: 30px;
}

.btn_re {
    margin-bottom: 23px;
}

.review_client {
    background-color: #f2f2f2;
    padding-bottom: 20px;
}




/* Slider */
.page-wrapper {
    min-height: 100%;
}

.page-wrapper a:hover {
    color: #006669;
}

/* POST SLIDER */

.post-slider {
    position: relative;
}

.post-slider .slider-title {
    text-align: center;
    margin: 30px auto;
}

.post-slider .next {
    position: absolute;
    top: 57%;
    right: -27px;
    font-size: 23px;
    color: #006669;
    cursor: pointer;
    z-index: 2;
    background-color: #858585;
    padding: 8px 12px;
    border-radius: 50%;
}

.post-slider .prev {
    position: absolute;
    top: 57%;
    left: -27px;
    font-size: 23px;
    color: #006669;
    cursor: pointer;
    z-index: 2;
    background-color: #858585;
    padding: 8px 12px;
    border-radius: 50%;
}

.post-slider .post-wrapper {
    width: 100%;
    height: 350px;
    margin: 0px auto;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
}

.post-slider .post-wrapper .post {
    width: 300px; 
    margin: 0px 10px;
    display: inline-block;
    background: white;
    border-radius: 5px;
    box-shadow: 1rem 1rem 1rem -1rem #a0a0a033;
}

.slick-track{
    height: 100%;
    display: flex;
}

.post-slider .post-wrapper .post .post-info {
    height: 130px;
    padding: 0px 5px;
}

.post-slider .post-wrapper .post .slider-image {
    width: 100%;
    height: 200px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


/* /Slider */

.star_review>ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 10px;
    width: 100%;
    justify-content: center;
}

.star_review>ul>li {
    margin-right: 9px;
}

.star_review>ul>li>i {
    color: #ff8f37;
    font-size: 27px;
}

.review_box {
    text-align: center;
    padding: 14px;
    padding-bottom: 20px;
}

.review_box>h2 {
    padding-top: 2px;
    font-size: 25px;
    color: var(--main-color);
}

footer {
    background-color: #004960;
    padding: 25px 0px;
    padding-bottom: 0;
    color: white;
}

.copy_right {
    background-color: #e92f2f;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

.copy_right>p {
    margin-bottom: 0;
}

.item_footer_grid>p {
    font-size: 15px;
}


.about_footer>h2 {
    font-size: 25px;
    color: var(--main-color);
    font-weight: 700;
}

.about_footer>h2>p {
    margin-bottom: 0;
}

.about_footer>h4 {
    font-size: 17px;
    margin-top: 10px;
}

.soc_footer {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.soc_footer>li {
    font-size: 23px;
    margin-right: 13px;
}

.soc_footer>li>a {
    color: #e86a1f;
}

.pages_footer {
    padding-left: 22px;
}

.pages_footer>li {
    margin-bottom: 2px;
}

.pages_footer>li>a {
    text-decoration: none;
    font-size: 15px;
    color: white;
}

.partner_grid>h2 {
    color: var(--main-color);
    font-size: 25px;
    font-weight: 700;
}

.partner_grid>h2>span {
    color: white;
    font-size: 27px;
    font-weight: 700;

}

.btn_start {
    background-color: #3d8901 !important;
    text-decoration: none;
    color: white;
    padding: 14px;
    border-radius: 50px;
    margin-top: 2px;
    display: inline-flex;
}

.btn_start:hover {
    color: wheat;
}

.oversecmaid {}


.box_over_sec {
    background-color: var(--main-color);
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: white;
}

.icon_oversec {
    padding-top: 19px;
}

.icon_oversec>img {
    width: 100px;
    height: 100px;
}

.box_over_sec>h2 {}

.box_over_sec>p {
    font-size: 20px;
    margin-bottom: 10px;
}

.box_over_sec>a {
    border: 1px solid white;
    color: white;
    text-decoration: none;
    margin-bottom: 24px;
    padding: 10px 20px;
    display: inline-flex;
    margin-top: 5px;
}

#content_tp {
    background-image: url(../images/custome/bg.png);
    min-height: 100vh;
    padding-top: 30px;
    padding-bottom: 30px;
}

.tp_liost {
    list-style: none;
    padding-left: 10px;
}

.tp_liost>li {
    margin-bottom: 20px;
}


#form_requirement {
    background-image: url('../images/custome/bg.png');
    background-image: url(../images/custome/bg.png);
    padding-bottom: 23px;
    min-height: 100vh;
}

.box_form_re {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    padding: 25px;
}

.form_re>select,
textarea,
input {
    border: 1px solid #c5baba;
}

.form_re {
    margin-bottom: 18px;
}

.align_center_flex {
    display: flex;
    justify-content: center;
}


.table_add_child {
    width: 100%;
}

.table_form_group {
    margin-right: 15px;
}

.bg_add_form {
    background-color: #f2f2f2;
}

.text_align_right {
    text-align: right;
}


.check_form {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#hide_first_delivery,
#where_should_care,
#delivery_date,
#service_need,
#about_family,
#vaccine_certificate {
    display: none;
}

.id_upload {
    text-align: center;
    border: 1px solid;
    border-style: dashed;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.id_upload>label {
    background-color: transparent;
    color: black;
    padding: 10px 20px;
    border-radius: 9px;
    border: 2px solid #35ccfb;
}

.id_upload>input {
    display: none;
    width: 100%;
    margin-top: 20px;
}


.account_section {
    padding-top: 60px;
    background-color: #e7e7e7;
}

.account_tabs_list {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 2px;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 5px;
}

.account_tab_details_all {
    width: 100%;
    min-height: 100vh;
    border-radius: 2px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.shape_image {
    height: 200px;

    border-radius: 50%;
    background-color: white;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.logo_dp_user {
    padding: 30px;
    padding-bottom: 20px;
}

.shape_image>img {
    width: 100%;
    padding: 0px;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.content_user_name {
    text-align: center;
}

.content_user_name>h2 {
    text-transform: uppercase;
    font-size: 27px;
}

.content_user_name>p {
    color: #e86a1f;
    font-size: 19px;
    font-weight: 600;
}

.content_user_name>p>em {
    font-style: normal;
    padding-left: 3px;
    font-weight: 300;

}

.tab_list {
    padding: 0px 10px;
}

.tab_list>ul {
    list-style: none;
    padding-left: 0;

}

.tab_list>ul>li {
    margin-bottom: 10px;
}

.tab_list>ul>li>a {
    text-decoration: none;
}

.tab_item_list {
    background-color: #e86a1f;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    display: flex;
}


.tab_item_list>i {
    line-height: 1.49;
}

.tab_item_list>p {
    margin-bottom: 0px;
    width: 100%;
}

.box_wallet {
    width: 100%;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    height: 120px;
}

.account_tab_details_all {
    padding: 20px;
}

.img_wallet_box {}

.img_wallet_box>img {
    width: 100%;
    padding: 20px;
}

.image_position {
    width: 25%;
    display: inline-flex;
    align-items: center;
    margin-left: 18px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 50%;
    margin-top: 10px;
}

.content_position {
    float: right;
    width: 68%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 7px;
}

.flex_strik>h2 {
    font-size: 28px;
    margin-bottom: 0;
}

.flex_strik>h4 {
    color: #e86a1f;
    margin-bottom: 0;
    margin-top: 9px;
}

.flex_strik>a {
    text-decoration: none;
}

.user_who_working {
    background-color: white;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
     
    padding: 12px;
}

.list_who_works {
    list-style: none;
    padding-left: 0;
}

.img_worker {
    width: 100%;
    height: 200px;
    margin-bottom: 19px;

}

.img_worker>img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.list_who_works>li {
    font-size: 17px;
    margin-bottom: 4px;
    display: flex;
}

.list_who_works>li>p {
    margin-bottom: 0;
    width: 50%;
    display: inline-flex;
}

.list_who_works>li>p>span {
    width: 100%;
    text-align: end;
    padding-right: 7px;
}

.list_who_works>li>span {
    width: 50%;
    color: #e86a1f;
    float: right;
}

#attend_status {
    margin-top: 30px;
}

.table_default {
    width: 100%;
    border: 1px solid #dbcdcd;
    border-spacing: 0;
    border-collapse: collapse;
}

.table_default>thead {
    border-bottom: 1px solid #dbcdcd;
}

.table_default>thead>tr>td {
    font-weight: 800;
    background-color: white;
    padding: 10px;
}

.table_default>tbody>tr>td {
    padding: 10px;
}

.table_default>tbody>tr:nth-child(even) {
    background-color: #e7e7e7;
}

.mark_label {
    background-color: #e86a1f;
    border-radius: 5px;
    color: white;
    font-size: larger;
    padding: 7px;
}

.latest_attends {
    background-color: white;
    padding: 12px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.tbl_ove {
    overflow: auto;
}

.tab_item_account {
    display: none;
}

.refrel_code {
    background-color: #006669;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: white;
    margin-bottom: 15px;
}

.popup_refer {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_refer_wrapper {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    min-height: 400px;
    width: 330px;
}

.refer_img {
    width: 100%;
    padding: 80px;
    padding-top: 0px;
    padding-bottom: 20px;
}

.refer_link_box {
    width: 100%;
    display: flex;
    padding: 10px;
}

.input_refer {
    width: 70%;
    border: 1px solid #ccc;
    padding: 8px;
    overflow: hidden;
    white-space: nowrap;
}

.btn_copy_ref {
    width: 30%;
    border: none;
    background-color: green;
    color: white;
}

.share_ref {
    list-style: none;
    padding-left: 0px;
    display: flex;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
}

.share_ref>li {
    margin-right: 6px;
    margin-left: 9px;
    width: 48px;
}

.share_ref>li>a {}

.share_ref>li>img {
    width: 100%;
    padding: 4px;
    padding-top: 0;
}

.share_media {
    text-align: center;
    font-size: 15px;
    color: #524646;
    position: relative;
    margin-bottom: 15px;
}

.share_media>p {
    margin-bottom: 0;
    position: relative;
    z-index: 3;
    top: 0;
    background-color: white;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}

.share_media::after {
    content: "";
    width: 100%;
    background-color: wheat;
    display: block;
    height: 1px;
    border-top: 1px solid #e7e7e7;
    z-index: 2;
    margin-bottom: 12px;
    position: absolute;
    top: 0;
    margin-top: 11px;
}

.ref_code {
    text-align: center;
    padding-bottom: 15px;

}

.is_ref {

    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;

}

.popup_refer {
    display: none;
}

.close_pop_ref {
    display: inline-flex;
    margin: 10px 10px;
    padding: 2px 12px;
    font-size: 25px;
    float: right;
}

.content_ref_ei {
    padding: 19px;
    padding-bottom: 0px;
}

.content_pt_bg {
    background-color: white;
    padding-bottom: 20px;
    padding-top: 5px;
}

.content_tp_letter {
    margin-top: 29px;
    text-align: left;
    padding: 20px;
    line-height: 2;
}

.text_upper {
    text-transform: uppercase;
}

.four_not_wrapper {
    width: 900px;
    padding-bottom: 20px;
    box-shadow: 2px 3px 8px #2d2d2da8;
    margin: 2% auto;
}

.img_animated>img {
    padding: 0px 100px;
    width: 506px;
}

.img_animated {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 30px;
}

.content_four_not>h2 {
    text-align: center;
    margin-top: 20px;
    color: red;
    font-weight: 700;
}

.btn_moveback {
    display: flex;
    width: 100%;
    justify-content: center;
}

.btp {
    background-color: #e86a1f;
    text-decoration: none;
    color: white;
    padding: 10px 15px;
    margin-right: 10px;
    font-size: 20px;

}

.cu {
    border: 1px solid #e86a1f;
    padding: 10px 15px;
    color: black;
    text-decoration: none;
    font-size: 20px;
}

.btn_moveback {
    text-transform: uppercase;
    margin-top: 20px;
}

.error_report {
    text-align: center;
    padding: 0px 60px;
}

.error_id {
    text-align: center;
    color: red;
    font-size: 20px;
    margin-bottom: 0;
}

.copy_error {
    text-align: center;
    text-transform: uppercase;
}

.login_wrapper {
    background-color: white;
    margin: 7% auto;
    width: 360px;

    box-shadow: 0px 0px 8px 2px #bdbdbd;
    padding: 20px;
}

.align_flex_center {
    display: flex;
    height: 100vh;
    align-items: center;
}

.head_login {
    color: green;

}

.write_login {
    text-align: center;
}

.head_login>span {
    font-weight: 700;
    text-transform: uppercase;
}

.bg_red {
    background-color: #dd4b39;
    border: 1px solid #d73925
}

.bg_green {
    background-color: #609b64;
    border: 1px solid #1d6108;
}

.alert_custome {
    padding: 10px;
    color: white;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 7px;
    border-radius: 3px;
    text-align: left;

}

.form_with_icon {
    margin-bottom: 15px;
    position: relative;
}

.form_with_icon>input {
    width: 100%;
    padding: 6px 10px;
    outline: none;
}

.form_with_icon>i {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 10px;
    color: #555;
}

.checkbox {
    display: flex;
    margin-top: 20px;
}

.check_re {
    height: 25px;
    width: 24px;
}

.check_re>input {
    width: 100%;
    height: 100%;
}

.checkbox>label {
    padding-left: 10px;
}

.login_btn {
    background-color: #1BB461;
    width: 100%;
    color: white;
    border: 0px;
    padding: 10px;
    margin-top: 10px;
    outline: none;
    font-size: 20px;
}

.bg_change {
    background-color: brown;
    text-transform: uppercase;
}

.profile_dp_data {
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.img_dp_view {
    display: flex;
    justify-content: center;
    padding-top: 28px;
    margin-bottom: 17px;
}

.flex_avaoid_box>img {
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.flex_avaoid_box {
    border-radius: 50%;
    width: 100%;
    height: 200px;
    margin: 0px 35px;
}

.data_img_below {
    text-align: center;
}

.data_img_below>h2 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #242424;
    font-size: 23px;
}

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

.btn_candidate_in>a:hover {
    color: white;
}

.btn_candidate_in {
    background-color: #e86a1f;
    width: 100%;
    border: navajowhite;
    color: white;
    padding: 10px;
}

.paddin_btn {
    padding: 16px;
    padding-top: 10px;
}

.main_data_list {
    padding-left: 1rem;
    list-style: none;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.main_data_list>li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}

.pmbr {
    margin-bottom: 0;
}

.data_list_seeker {
    background-color: white;
    border: 1px solid #ccc;
}

.dltable {
    margin: 12px;
    width: 100%;
}

.dltable>tbody {}

.dltable>tbody>tr {
    margin-bottom: 10px;
    display: block;
}

.dltable>tbody>tr>td {
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    padding-right: 10px;
}

.dltable>tbody>tr>td:nth-child(1) {
    width: 38%;
}

.dltable>tbody>tr>td:nth-child(2) {
    width: 4%;
}

.dltable>tbody>tr>td:nth-child(3) {
    font-weight: 500;
    text-transform: capitalize;
    width: 75%;
}

.head_isd {
    padding: 12px;
    border-bottom: 1px solid #ccc;
    color: #544d4d;
    font-size: 19px;
}

.loginsignin {
    background-color: #004960;
    padding: 10px;
    margin-top: -6px;
    border-radius: 20px;
    font-size: 12px;
}

.loginsignin>a {
    color: white !important;
    font-size: 16px !important;
    padding-left: 10px;
    padding-right: 10px;
}

/* New */
.logo_posion {
    display: inline-flex;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100%;
    align-items: center;
}

.logo_posion>img {
    width: 250px;
    height: 100px;
    margin-top: -10px;
}

.activelink {
    background-color: #e86a1f;
    padding: 0px 15px;
}

.nav_header>ul>li:hover {
    padding: 0px 15px;
    background-color: #e86a1f;
    display: flex;
    align-items: center;
}

.navbarslider {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    min-height: 100%;
    width: 100%;
    top: 0;
    display: none;
}

.navbarslider_wrapper {
    width: 350px;
    background-color: #031934;
    height: 100vh;
    float: right;
    overflow: auto;
}

.top_logo {
    padding: 20px;
}

.navslide {
    list-style: none;
    padding: 10px;
    padding-top: 0 !important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.navslide>li,
.navslide>div>li {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}

.navslide>li>a,
.navslide>div>li>a {
    text-decoration: none;
    color: white;
}

.notfloat {
    margin: 15px 15px 0px 0px;
}

.icon_content>i {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 50%;
    margin-right: 17px;

}

.icon_content {
    align-items: center;
    display: flex;
}

.text_ceontent>h2 {
    color: #e86a1f;
    font-size: 25px;
    margin-bottom: 0px;
    font-weight: 600;
}

.text_ceontent>p {
    margin-top: 4px;
    font-size: 15px;
    margin-bottom: 0;
}

.box_item_topheader {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.list_contact {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.contact_btn {
    text-decoration: none;

    margin-top: 0px;
    display: inline-block;
    border-radius: 5px;
    font-size: 15px;
}

.barslide {
    float: right;
    background-color: transparent;
    border: none;
    color: white;
    font-size: 25px;
    margin-top: 3px;

}

.mobshowonly {
    display: none;
}

.req_pages_form>.box_form_re:nth-child(odd) {
    background-color: white !important;
}

.req_pages_form>.box_form_re:nth-child(even) {
    background-color: rgb(249 244 244) !important;
}

.modal_alert_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100vh;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.modal_alert_popup_wrapper {
    width: 400px;
    min-height: 300px;
    padding-bottom: 20px;
    background-color: white;
    justify-content: center;
    border-radius: 10px;
}

.flex_image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_image>img {
    width: 200px;
    height: 175px;
    padding: 20px;
    margin-left: 20px;
    padding-bottom: 0;
}

.content_pop_modal>h2 {
    text-align: center;
    font-size: 25px;

}

.status_green {
    color: green;
    font-weight: 600;

}

.status_red {
    color: red;
    font-weight: 600;
}

.imagePaddingFile {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.seeker_box {
    max-height: 550px;
    overflow: auto;
}

#ErrorData {
    text-align: center;
    color: red;
    font-weight: 600;
}

.skill_seeker {
    text-transform: capitalize;
}

.item_seeker {
    text-decoration: none;
    color: black;
}

.item_seeker:hover {
    color: black;
}

.name_age_seeker>h2 {
    font-size: 23px;
    color: #083362;
    font-weight: 600;
}

.name_age_seeker>h3 {
    font-size: 23px;
    color: var(--main-color);
    font-weight: 600;
}

.name_age_seeker {
    display: flex;
    justify-content: space-between;
    /* height: 100%;
    vertical-align: top; */
}

.main_container_10 {
    margin-left: 20px;
    margin-right: 20px;
}

.profile_bottom_details {
    padding: 10px;
}

.item_profile_bottom_details {
    margin-bottom: 8px;
}

.head_item_profile_bottom_details {}

.bottom_item_profile_bottom_details {
    color: var(--main-color);
    font-weight: 700;
}

.share_refe>ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.share_refe>ul>li {
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    flex: 1;
    width: 100%;
}

.share_refe>ul>li>a {
    text-decoration: none;
    color: white;
}

.facebook_share {
    background-color: #4267B2;
}

.whatsapp_share {
    background-color: #25d366;
}

.twitter_share {
    background-color: #55acee;
}

.instagarm_share {
    background-color: #81757a;
}

.job_det {
    padding: 10px;
}

#alertNone {
    display: none;
}

.paymentOption {
    border: 1px solid rgba(218, 218, 218, 1);
    padding: 15px;
    box-shadow: inset 0px 6px 64px 0px rgb(228 228 228);
    margin-bottom: 20px;
}

.contentPay>h5>span {
    color: var(--main-color);
}

.payBtn {
    display: flex;
    justify-content: end;
}

.payBank {}

.payBank>ul {
    list-style: none;
    padding-left: 0;
}

.payBank>ul>li {
    margin-bottom: 7px;
}

.payBank>ul>li>span {
    color: var(--main-color);
}

.sideFixedShare {
    position: fixed;
    left: 0;
    margin-left: 0;
    padding-left: 0;
    top: 38%;
}

.sideFixedShare>ul {
    list-style: none;
    padding-left: 0;
}

.sideFixedShare>ul>li {
    width: 50px;
    padding: 10px;
}


.sideFixedShare>ul>li>a {
    color: white;
    margin-left: 5px;
    font-size: 20px;
}


.active_to_paid_wrapper {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.flex_avodi_puopup {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.active_to_paid_popup {
    min-height: 300px;
}

.active_to_paid_popup {
    background-color: white; 
    width: 400px;
    margin: auto;
}

.head_popup {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
}

.md-close {
    font-size: 30px;
    margin-top: -8px;
    float: right;
    background-color: unset;
    border: none;
}

.content_pupup_active {
    padding: 10px;
}



.photoSeekerItem {
    height: 200px;
}

.photoSeekerItem>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.itemSeekerProfile {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 10px;
    height: 100%;
    transition: 0.3s;
}

.itemSeekerProfile:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.itemSeekerData {
    padding: 10px;
}

.itemSeekerData>ul {
    list-style: none;
    padding-left: 8px;
    padding-top: 7px;
}

.itemSeekerData>ul>li {
    margin-bottom: 2px;
    color: #666666;
}

.viewButton {
    width: 100%;
    display: block;
    background-color: var(--main-color);
    padding: 6px;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 6px;
     transition: 0.3s;
}

.viewButton:hover {
    background-color: unset;
    border: 1px solid #e86a1f;
    color: black;
    box-shadow: rgb(233 106 31 / 35%) 0px 5px 15px;
}

.itemSeekerData>h4 {
    color: var(--main-color);
}

.searchSeeker {
    background-color: #e5e5e5;

}

.searchByList {
    list-style: none;
    padding-left: 0;
    column-count: 4;
    padding-top: 16px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.searchByList>li {
    margin-bottom: 13px;
    color: blue;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 16px;
}

.searchByList>li>a {
    text-decoration: none;
}

.infoHead {
    text-align: center;
    font-size: 25px;
    margin-top: 9px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
}

.content_pt_bg>p {
    text-align: center;
    padding: 20px;
    margin-bottom: 0;
}

.itemBlackList {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    min-height: 100px;
    background-color: white;
    margin-top: 20px;
    border-radius: 10px;
    padding: 13px;
}

.imgBlackList {
    height: 180px;
}

.imgBlackList>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}



.item_whatwecan>img {
    width: 129px;
    height: 129px;
}

@media(max-width:474px) {
    .imgBlackList {
        height: auto;
        margin-bottom: 14px;
    }

    .imgBlackList>img {
        height: auto;
    }

    .itemBlackList {
        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        min-height: 100px;
        background-color: white;
        margin-top: 20px;
        border-radius: 0px;
        padding: 6px;
    }
}

.itemSpecialGrid{
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    margin-bottom: 20px;
    margin-top: 25px;
    padding: 10px;
    background-color: white;
}
.itemSpecialGrid>h4{
    font-size: 20px;
    font-weight: revert;
    color: #625c5c;
}
 

.backButton>button{
    border: none;
    background-color: transparent;
    padding: 4px 28px;
    border: 1px solid var(--main-color);
    color: black;
    border-radius: 8px;
}

.backButton{
    display: flex;
    justify-content: space-between; 
    margin-bottom: 15px;
}

.backButton>button[disabled]{
    cursor:not-allowed
}

.backButton>span{
    height: fit-content;
    margin-top: 5px;
}

.hindiLanguage,
.malayalamLanguage,
.manglishLanguage{
    display: none;
}
 

.malayalamLanguage{
    font-size: 15px;
    margin-bottom: 5px;
}

span.errorField{
    color: red;
    font-size: 16px;
    display: block;
}