@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden;
}

header {
    background: var(--Backgrounds-Primary, #FFF);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

a {
    text-decoration: none;
}

img {
    width: 100%;
}

.navbar .navbar-brand img {
    height: 57px;
}

header .navbar-nav .nav-item .nav-link {
    color: #191313;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px;
    padding: 0px 20px;
}

header .navbar-nav .nav-item .nav-link.active {
    font-weight: 700;
    color: #0062BF;
}

.main_btn {
    border-radius: 15px;
    background: #0062BF;
    color: white;
    border: 1px solid #0062BF;

    padding: 9px 36px;
}

.main_btn:hover {
    border-radius: 15px;
    background: #ffffff;
    color: #0062BF;
    border: 1px solid #0062BF;
    padding: 9px 36px;

}


.header_profile img {
    border-radius: 40px;
    border: 1px solid #0062BF;
    object-fit: cover;
    width: 40px;
    height: 40px;
}




.main_banner {
    background: linear-gradient(0deg, #0062BF 23.66%, #002E59 102.96%);
    -webkit-user-drag: 100%;
    /* height: calc(100vh - 83px); */
    height: auto;
    position: relative;
}

.main_banner_contents h1 {
    color: var(--Backgrounds-Primary, #FFF);
    text-align: center;
    font-size: 55px;
    font-style: normal;
    font-weight: 651;
    line-height: normal;
}

.main_banner_contents {
    padding-top: 50px;
}

.marked_area {
    position: relative;
}

.marked_img {
    position: absolute;
    top: -15px;
    left: -10px;
}

.banner_members {
    display: flex;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
}

.banner_members .members_img {
    width: 200px;
}

.banner_members .members_dot {
    width: 15px;
}

.banner_members h5 {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 14px;
    margin-bottom: 0px;
}

.banner_btns {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_btns .latest_job_btn {
    border-radius: 32px;
    border: 1px solid #FFF;
    background: #FFF;

    padding: 14px 35px;
    width: 240px;
    color: #0062BF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.post_job_btn {
    border-radius: 32px;
    border: 1px solid #FFF;
    background: #ffffff00;
    border: 1px solid #ffffff;
    padding: 14px 35px;
    width: 240px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 30px;
}

.post_job_btn:hover {
    border: 1px solid #FFF;
    background: #FFF;
    border: 1px solid #fff;
    color: #0062BF;
}

.banner_people img {
    width: 60%;
    /* position: absolute;
    bottom: 0;
    left: 0;
    right: 0; */
    margin: auto;
}

.banner_people {
    margin: auto;
    text-align: center;
    padding-top: 50px;
}

.section_pt {
    padding-top: 70px;
}

.index_abt {
    position: relative;
}

.abt_dot {
    position: absolute;
    top: -36px;
    right: -35px;
    width: 15%;
}

.index_abt_content h3 {
    color: #303030;
    font-size: 30px;
    font-style: normal;
    font-weight: 651;
    line-height: normal;
}

.index_abt_content p {
    color: #636363;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-top: 30px;
}

.why_box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.why_box img {
    width: 50px;
}

.why_box p {
    color: #636363;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
}

.why_p {
    padding-left: 18px;
    border-bottom: 2px solid #ececec;
    padding-bottom: 20px;
}

.join_h6 {
    color: #636363;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.testimonial_bg {
    background: #0062BF;
    padding: 70px 0px;
    margin-bottom: 40px;
}

.testimonial_box {
    background: var(--Backgrounds-Primary, #FFF);
    box-shadow: 0px 28.933px 61.56px 0px rgba(21, 21, 21, 0.15);
    padding: 30px;
    min-height: 300px;

    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: space-between;
}

.testi_top img {

    width: 96px;
}

.testi_cont p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.testi_photo {
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.testi_photo img {
    width: 35px;
}

.testi_photo h5 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 0px;
}

.testi_photo p {
    color: #505050;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}









/* Main wrapper to contain Swiper content */
.testimonial_slider_wrapper {
    position: relative;
    overflow: hidden;
    /* Keeps the slides contained */
}

/* The Swiper container */
.testimonial_slider {
    overflow: hidden;
    /* Contains content */
    position: relative;
    /* Relative to position arrows */
}

/* Styles for each arrow */
.custom-prev,
.custom-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-50%);
    z-index: 10;
}

/* Position left arrow outside the Swiper container */
.custom-prev {
    left: -25px;
    /* Adjust to move the arrow outside */
}

/* Position right arrow outside the Swiper container */
.custom-next {
    right: -25px;
    /* Adjust to move the arrow outside */
}

.custom-prev::after,
.custom-next::after {
    content: '›';
    font-size: 20px;
    color: #000;
}

.custom-prev::after {
    transform: rotate(180deg);
    /* Left arrow */
}

footer {
    background: var(--Backgrounds-Primary, #FFF);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 50px 0px 20px 0px;
}

.footer_logo img {
    width: 130px;
}

.footer_contents {
    margin-left: 30px;
    width: 100%;
}

.footer_flex {
    display: flex;
}

.footer_links {
    display: flex;
    border-bottom: 1px solid #0062BF;
    padding-bottom: 15px;
}

.footer_links p a {
    color: #191313;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
    padding: 0px 20px;
}



/* Contact Information Section */
.contact-info {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 30px;

    font-size: 14px;
}

/* Contact Item Style */
.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-item img {
    width: 20px;
}

.contact-item span {
    color: #191313 !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    -webkit-user-select: none; /* For Safari and iOS */
    -webkit-appearance: none;
}

.social-icons {
    display: flex;
    gap: 10px;
    margin-left: auto;
    /* Push social icons to the right */
}


.social-icons img {
    width: 23px;
}

.footer_bottom {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}

.footer_bottom p {
    color: #636363;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}

.sticky_wtsp {
    background: #00A600;
    width: 50px;
    height: 50px;
    padding: 18px 17px 17px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 300px;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 0 0 #00A600;
    -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
    }
}

.sticky_wtsp img {
    width: 25px;
    height: 25px;
}




.sticky_call {
    background: #9747FF;
    width: 50px;
    height: 50px;
    padding: 18px 17px 17px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 230px;
    right: 0;
    z-index: 999;

    box-shadow: 0 0 0 0 #9747FF;
    -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
    }
}

.sticky_call img {
    width: 25px;
    height: 25px;
}

.login_box {
    border-radius: 20px;
    background: var(--Backgrounds-Primary, #FFF);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    width: 600px;
    margin: auto;
}

.login_box .nav-item {
    width: 50%;
}

.nav-pills .nav-link {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #0062BF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #0062BF;
}

.nav-pills .nav-link.active#pills-home-tab {
    border-radius: 20px 0px 0px 0px;
    /* Home button active: left radius */
}

.nav-pills .nav-link.active#pills-profile-tab {
    border-radius: 0px 20px 0px 0px;
    /* Profile button active: right radius */
    background: #D30031;
}

.tab-content {
    padding: 20px;
}

.login_box_cont h3 {
    color: #191313;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.login_inputs {
    padding-top: 15px;
}

.login_inputs label {
    color: #636363;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}

.login_inputs input {
    border-radius: 12px;
    border: 1px solid #DDDCDC;
    width: 100%;
    padding: 9px;
    margin-top: 10px;
}

.forget_pass {
    display: flex;
    padding-top: 10px;
}

.forget_pass .form-check label {
    color: #191313;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-check-input:focus {

    box-shadow: inherit;
}

.job_seeker .form-check-input:checked {
    background-color: #0062BF;
}

.employer .form-check-input:checked {
    background-color: #D30031;
    border-color: #D30031;
}

.terms {
    color: #191313;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 20px;
    margin-bottom: 0;
}

.terms span a {
    color: #0062BF;
    text-decoration: underline;
}


.dont_acnt {
    margin-top: 20px;
    border-top: 2px solid grey;
}

.dont_acnt h4 {
    color: #191313;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 20px;
}

.dont_btn {
    border-radius: 32px;

    background-color: transparent;
    width: 100%;
    padding: 16px;

    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
}

.login_btn {
    border-radius: 32px;


    width: 100%;
    padding: 16px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
}


.job_seeker .dont_btn {
    border: 1px solid #0062BF;
    color: #0062BF;
}

.job_seeker .dont_btn:hover{
    background-color: #0062BF;
    border: 1px solid #0062BF;
    color: white;
}
.job_seeker .login_btn {
    background-color: #0062BF;
    border: 1px solid #0062BF;
}



.employer .dont_btn {
    border: 1px solid #D30031;
    color: #D30031;
}
.employer .dont_btn:hover{
    background-color: #D30031;
    border: 1px solid #D30031;
    color: white;
}

.employer .login_btn {
    background-color: #D30031;
    border: 1px solid #D30031;
}

.navbar-toggler {
    border: 0;
}

.navbar-toggler:focus {
    box-shadow: inherit;
}

.abt_page_main h3 {
    color: #191313;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 137.5% */
    letter-spacing: 0.096px;
    padding-bottom: 20px;
}

.abt_page_main p {
    color: #636363;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.06px;
}

.counter_Section {
    background: #F7F7F7;
}

.conter_row {
    padding: 80px 0px;
}

.counter_box img {
    width: 85px;
}

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

.counter_box h3 {
    color: #D30031;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0.12px;
}

.counter_box p {
    color: #D30031;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.abt_page_main h5 {
    color: #191313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 220% */
    letter-spacing: 0.06px;
}

.mission_vission_sec {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
}

.mission_vission_sec h2 {
    color: #191313;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 110% */
    letter-spacing: 0.12px;
}

.mission_vission_sec h6 {
    color: #191313;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-45_76, 45.76px);
    padding-top: 20px;
}

.mission_vission_sec p {
    color: #636363;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.06px;
}



.latest_job_Head {
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 20px 0px;
}

.latest_job_Head h2 {
    color: #191313;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.job_count {
    border-radius: 100px;
    border: 1px solid #191313;
    width: fit-content;
    padding: 14px;
    width: 60px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.job_count h6 {
    color: #191313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
}

.job_select {
    display: flex;
    border-radius: 15px;
    border: 1px solid #DDDCDC;
    padding: 15px;
}

.job_select input {
    border: 0 !important;
    padding: 0;
    padding-left: 10px;
}

.job_select input:focus {
    box-shadow: inherit;
}




.job_select img {
    width: 20px;
}

.job_select select {
    border: 0;
    background-color: transparent;
    width: 95%;
    margin-left: 10px;
    -webkit-appearance: none !important;
}

:focus-visible {
    outline: inherit;
}

.job_search_btn {
    border-radius: 15px;
    background: #0062BF;
    color: white;
    border: 1px solid #0062BF;
    padding: 9px 36px;
    height: 100%;
    width: 100%;
}
.job_search_btn:hover{
    background-color: white;
    border: 1px solid #0062BF;
    color: #0062BF;
}

.job_lisitng_Row {
    padding-top: 40px;
}

.job_lisitng_box {
    background: var(--Backgrounds-Primary, #FFF);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid rgba(25, 19, 19, 0.15);
    margin-bottom: 30px;
    min-height: 180px;
}

.job_head {
    display: flex;
    justify-content: space-between;
}

.job_head h4 {
    color: #191313;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}

.job_head p {
    color: #636363;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}

.job_info {
    padding-top: 10px;
    display: flex;
}

.company_logo {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #BFBFBF;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 8px;
}

.company-info {
    padding-left: 10px;
}

.company-info h6 {
    color: #191313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.job_experience img {
    width: 15px;
}

.job_experience {
    display: flex;
}

.job_experience p {
    color: #636363;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-left: 5px;
    line-height: normal;
    margin-bottom: 0px;
}

.job_description {
    padding-top: 15px;

}

.job_description p {
    color: #636363;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pagination .page-link {
    margin: 0px 20px;
    border-radius: 90px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;

    color: rgba(25, 19, 19, 0.60);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.page-item:first-child .page-link {
    border-radius: 90px !important;
}

.page-item:last-child .page-link {
    border-radius: 90px !important;

}

.job_detail_card {
    border-radius: 15px;
    border: 1px solid #DDDCDC;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 20px;

}

.detail_Section {
    background: #F6F6F6;
    padding-bottom: 30px;
}

.detail_company_logo .company_logo {
    width: 110px;
    height: 110px;
    padding: 8px;

}

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

.detail_info_contact {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDCDC;
}

.detail_info_contact h3 {
    color: #000;

    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration-line: underline;
    padding-bottom: 10px;
}

.detail_info_contact h6 {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.detail_exp .col-lg-5,
.col-lg-2 {

    padding-top: 30px;
}

.detail_exp p {
    color: #636363;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

.detail_exp h6 {
    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;

}





.detail_info_description {
    padding-top: 40px;
}

.detail_info_description h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 150% */
    letter-spacing: 0.06px;

}

.detail_info_description p {
    color: #636363;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
    letter-spacing: 0.06px;
}

.contact_head h3 {
    color: #000;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    text-align: center;
}

.contact_head p {
    color: #717171;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact_box {
    border-radius: 20px;
    border: 1px solid #DDDCDC;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.contact_card {
    background: linear-gradient(308deg, #0062BF 0%, #002E59 100%);
    padding: 50px 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.contact_card h4 {
    color: var(--Backgrounds-Primary, #FFF);
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contact_card p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact_card_info {
    padding-top: 50px;
}

.card_flex {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

.card_flex img {
    width: 25px;
}

.card_flex p {
    color: var(--Backgrounds-Primary, #FFF) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 15px;
    margin-bottom: 0px;
}

.card_dot {
    position: absolute;
    bottom: -79px;
    right: 10px;
    width: 34%;
}

.contact_form {
    padding-left: 20px;
    padding-top: 30px;
}

.contact_form label {
    color: #191313;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
}

.contact_form input {
    width: 100%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #DDDCDC;
    padding-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #636363;
    font-weight: 600;

}

.contact_form textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #DDDCDC;
    padding-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #636363;
    font-weight: 500;
}

.map_location {
    margin-bottom: 30px;
}

.profile_row {
    padding: 0px 30px;
    padding-bottom: 40px;
}

.profile_img_card {
    border-radius: 20px;
    border: 1px solid #DDDCDC;
    box-shadow: 0px 0px 20px 0px rgba(173, 173, 173, 0.20);
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.profile_img {
    width: 140px;
    height: 140px;
    border-radius: 90px;
    object-fit: cover;
    margin: auto;
    overflow: hidden;
}

.profile_img img {
    width: 100%;
    height: 100%;
}












.profile-photo-container {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    /* overflow: hidden; */
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.profile-photo-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

#uploadInput {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.edit-icon {
    position: absolute;
    top: 10px;
    right: 0px;
    background-color: #f5f5f5;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.profile_name h5 {
    padding-top: 20px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
}

.profile_card {
    border-radius: 20px;
    border: 1px solid #DDDCDC;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 20px;
}

.profile_card_head {
    display: flex;
    justify-content: space-between;
}

.profile_card_head h3 {
    color: #3C3F4E;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.profile_card_head button {
    border-radius: 20px;
    border: 1px solid #0062BF;
    background-color: transparent;
    padding: 5px 20px;
    color: #0062BF;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.contact_card_form {
    padding-top: 20px;
}

.contact_card_flex {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ededed;
    padding-bottom: 15px;
    margin-bottom: 27px;
}

.contact_card_flex h6 {
    width: 19%;
    margin-right: 10px;
    margin-bottom: 0;

    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.255px;
}

.contact_card_flex .card_input {
    width: 75%;
}

.contact_card_flex input {
    border: 0;
    background-color: transparent;

    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.255px;
    width: 100%;

}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: solid #c9c9c9 1px;
    outline: 0;
    padding: 5px;
}


.job_select .select2-container--default .select2-selection--single{
    border: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #0062bf !important;
    border: 1px solid #0062bf !important;
    color: white;
}

.bold_input input {
    font-weight: 700;
    width: 100%;
}
.bold_input{
    overflow: hidden;
}

.contact_card_flex textarea{
    border: 0;
    background-color: transparent;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.255px;
    width: 100%;
}










.pdf-viewer {
    width: 100%;
    height: 800px;
    border: none;
    /* Remove the border */
}

/* Hide any iframe controls */

#updateCvBtn {
    border-radius: 15px;
    border: 1px solid #0062BF;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 10px 40px;
    color: #0062BF;
    margin-top: 50px;
}

.find_cv_box {
    border-radius: 15px;
    border: 1px solid rgba(25, 19, 19, 0.15);
    padding: 25px 15px;
    margin-bottom: 30px;
}

.cv_img img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover;
}

.cv_contnet h5 {
    color: #191313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
}

.cv_contnet p {
    color: #636363;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;

}

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

.cv_contnet {
    padding-left: 10px;
}

.cv_view_btn button {
    border-radius: 15px;
    border: 1px solid #0062BF;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 9px 40px;
    color: #0062BF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cv_view_btn button:hover {
    background: #0062BF;
    color: white;
}

.craete_job_section {
    background: #F6F6F6;
}

.job_create_card {
    border-radius: 20px;
    border: 1px solid #DDDCDC;
    background: var(--Backgrounds-Primary, #FFF);
    padding: 20px;

}

.job_create_card h3 {
    color: #191313;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.job_card_forms {
    padding-top: 30px;
}

.job_card_forms label {
    color: #191313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    padding-bottom: 10px;
}

.job_card_forms input {
    border-radius: 15px;
    border: 1px solid #DDDCDC;
    background-color: white;
    width: 30%;
    padding: 15px;

    color: #636363;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}







.editor-label {
    font-weight: bold;
    padding: 10px;
    display: block;
}

.toolbar {
    display: flex;
    gap: 40px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #ffffff;
    border-radius: 10px 10px 0px 0px;
}

.toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.editor {
    padding: 10px;
    min-height: 150px;
    outline: none;
}

.custom_text-editor {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;

}

.job_card_forms select {
    border-radius: 15px;
    border: 1px solid #DDDCDC;
    background-color: white;
    width: 30%;
    padding: 15px;

    color: #636363;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-appearance: none !important;
}

.gender-container {
    padding-top: 30px;
}

.gender-label {
    color: #191313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    padding-bottom: 10px;
}

.gender-options {
    display: flex;
    gap: 20px;
}

.gender-options label {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.gender-options input[type="radio"] {
    accent-color: #007bff;
    /* Customize radio button color */
    margin-right: 5px;
    cursor: pointer;
}

.exp_flex select {
    width: 10%;
    -webkit-appearance: none !important;
}

.exp_flex span {
    padding: 0px 15px;
}

.employer_btn button {
    border-radius: 15px;
    background: #0062BF;
    padding: 13px 50px;

    color: var(--Backgrounds-Primary, #FFF);
    border: 0px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 30px;
}

.terms-modal-body {
    height: 500px;
    overflow: auto;
}

.terms-modal-body h3 {
    color: #0062BF;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 48px */
}

.terms-modal-body h6 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 27px */
}

.terms-modal-body p {
    color: #636363;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 25.5px */
}

.terms_modal .modal-dialog {
    max-width: 750px;
}


.terms-modal-body::-webkit-scrollbar {
    width: 0px;
}

/* Track */
.terms-modal-body::-webkit-scrollbar-track {
    background: #f8f8f800;
}

/* Handle */
.terms-modal-body::-webkit-scrollbar-thumb {
    background: #88888800;
}

/* Handle on hover */
.terms-modal-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.terms_footer {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}

.terms_footer .form-check label {
    color: #000;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 25.5px */
}

.upload-box {
    width: 200px;
    /* Adjust width as needed */
    height: 200px;
    /* Adjust height as needed */
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 0.9em;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Hide the file input */
.upload-box input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Image preview styling */
.upload-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
    display: none;
}

.custom-prev,
.custom-next {
    display: none;
}

.is-invalid {
    border-color: red;
}

.text-danger {
    font-size: 0.875em;
    color: red;
}





.logout_box {
    border-radius: 20px;
    border: 1px solid #DDDCDC;
    box-shadow: 0px 0px 20px 0px rgba(173, 173, 173, 0.20);
    padding: 15px;
    margin-top: 20px;

}

.logout_box a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logout_box a img {
    width: 23px;
}

.logout_box a:hover h5 {
    color: #0062BF;
    ;
}

.logout_box h5 {
    color: #3C3F4E;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}








.modal-confirm {
    color: #636363;
    width: 325px;
    font-size: 14px;
}

.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 5px 0 -27px;
}

.modal-confirm .form-control,
.modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
    width: 100%;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

.modal-confirm .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #0062BF;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.modal-confirm .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}

.modal-confirm.modal-dialog {
    margin-top: 80px;
}

.modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #0062BF;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}

.modal-confirm .btn:hover,
.modal-confirm .btn:focus {
    background: #0062BF;
    outline: none;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.modal-confirm .modal-header {
    flex-direction: column;
}

.color-blue {
    color: #D30031 !important;
}

.color-red {
    color: #0062BF !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: white !important;
}

.pswrd_hide {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pswrd_hide a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    color: #636363;
}

.pswrd_hide a img {
    width: 20px;
    margin-right: 5px;
}

.tosection{
    margin-top: 80px;
}
.page-item.active .page-link{
    background-color: #0062BF;
    color: #fff;
}

.h-section{
    min-height: 80vh;   
}








.privacy_sec h2{
    font-size: 28px;
    color: black;
    font-weight: 700;
    padding-bottom: 20px;
}



.privacy_sec p{
    font-size: 15px;
    color: black;
}
.privacy_sec  h4{
    font-size: 20px;
    color: black;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-bottom: 0;
}

.privacy_sec  li{
    font-size: 15px;
    color: black;
}

.toolbar div{
    cursor: pointer;
}


#custom-button {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
}

#custom-button:hover {
    background-color: #0062bf;
}