.lang-switch {
    display: inline-flex;
    gap: 6px;
    margin-left: 12px;
}

.lang-btn {
    border: 1px solid #2c2c2c;
    background: transparent;
    color: #2c2c2c;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 1.2;
}

.lang-btn.is-active {
    background: #00d363;
    border-color: #00d363;
    color: #fff;
}

.theme-btn {
    margin-left: 10px;
    background: transparent;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

#navigation .is-active {
    color: #00d363;
}

.alert {
    border-radius: 6px;
}

.breadcrumbs {
    margin-top: 8px;
    color: #fff;
}

.breadcrumbs a {
    color: #fff;
    text-decoration: underline;
}

.pagination {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    background: #f5f5f5;
}

.form-error {
    color: #d9534f;
    margin-bottom: 10px;
}

.image-placeholder {
    background: #f5f5f5;
    padding: 30px;
    text-align: center;
}

.notice-block {
    background: #fff3cd;
    padding: 12px 16px;
    border-radius: 6px;
}

html:not([data-theme="dark"]) body {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) .white-bg h1,
html:not([data-theme="dark"]) .white-bg h2,
html:not([data-theme="dark"]) .white-bg h3,
html:not([data-theme="dark"]) .white-bg h4,
html:not([data-theme="dark"]) .white-bg h5,
html:not([data-theme="dark"]) .white-bg h6,
html:not([data-theme="dark"]) .white-bg .jobs_left .jobs_conetent h4,
html:not([data-theme="dark"]) .white-bg .job_sumary .summery_header h3 {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) .white-bg p,
html:not([data-theme="dark"]) .white-bg li,
html:not([data-theme="dark"]) .white-bg label,
html:not([data-theme="dark"]) .white-bg .links_locat .location p,
html:not([data-theme="dark"]) .white-bg .job_sumary .job_content ul li {
    color: #5c6670;
}

html:not([data-theme="dark"]) .white-bg a:not(.boxed-btn3):not(.heart_mark) {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) .white-bg a:not(.boxed-btn3):not(.heart_mark):hover {
    color: #00d363;
}

html:not([data-theme="dark"]) .slider_area .single_slider .slider_text h5,
html:not([data-theme="dark"]) .slider_area .single_slider .slider_text h3 {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) .slider_area .single_slider .slider_text p {
    color: #4b5560;
}

html:not([data-theme="dark"]) .header-area .main-header-area,
html:not([data-theme="dark"]) .header-area .main-header-area.sticky {
    background: #ffffff;
}

html:not([data-theme="dark"]) .header-area .main-header-area .main-menu ul li a,
html:not([data-theme="dark"]) .header-area .main-header-area .main-menu ul li a i,
html:not([data-theme="dark"]) .header-area .main-header-area .Appointment .phone_num a {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) .header-area .main-header-area .main-menu ul li a:hover {
    color: #00d363;
}

html:not([data-theme="dark"]) main h1,
html:not([data-theme="dark"]) main h2,
html:not([data-theme="dark"]) main h3,
html:not([data-theme="dark"]) main h4,
html:not([data-theme="dark"]) main h5,
html:not([data-theme="dark"]) main h6 {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) main p,
html:not([data-theme="dark"]) main li,
html:not([data-theme="dark"]) main label {
    color: #5c6670;
}

html:not([data-theme="dark"]) main a:not(.boxed-btn3):not(.boxed-btn4):not(.boxed-btn3-line):not(.heart_mark) {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) main a:not(.boxed-btn3):not(.boxed-btn4):not(.boxed-btn3-line):not(.heart_mark):hover {
    color: #00d363;
}

html:not([data-theme="dark"]) .bradcam_area {
    position: relative;
    background-color: #f5f7fa;
}

html:not([data-theme="dark"]) .bradcam_area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.86);
}

html:not([data-theme="dark"]) .bradcam_area .bradcam_text {
    position: relative;
    z-index: 1;
}

html:not([data-theme="dark"]) .bradcam_area h3 {
    color: #1f1f1f;
}

html:not([data-theme="dark"]) .bradcam_area p,
html:not([data-theme="dark"]) .bradcam_area a {
    color: #5c6670;
}

html:not([data-theme="dark"]) .job_searcing_wrap h3,
html:not([data-theme="dark"]) .job_searcing_wrap p {
    color: #fff;
}
.form-section p {
    margin-bottom: 12px;
}

.form-section input,
.form-section select,
.form-section textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
html[data-theme="dark"] body {
    background: #0f1115;
    color: #e5e5e5;
}

html[data-theme="dark"] .lang-btn,
html[data-theme="dark"] .theme-btn {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}

html[data-theme="dark"] .white-bg {
    background: #1c1f26;
}

html[data-theme="dark"] .header-area,
html[data-theme="dark"] .footer {
    background: #0b0d11;
}

html[data-theme="dark"] .footer p,
html[data-theme="dark"] .footer a {
    color: #c7c7c7;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #f5f7fa;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] .job_listing_area .job_lists .single_jobs .jobs_left .jobs_conetent .links_locat .location p,
html[data-theme="dark"] .job_listing_area .job_lists .single_jobs .jobs_right .date p,
html[data-theme="dark"] .job_details_area .single_jobs .jobs_left .jobs_conetent .links_locat .location p {
    color: #b9c0c7;
}

html[data-theme="dark"] .job_listing_area,
html[data-theme="dark"] .job_details_area,
html[data-theme="dark"] .catagory_area,
html[data-theme="dark"] .section_padding,
html[data-theme="dark"] .contact-section,
html[data-theme="dark"] .about_area,
html[data-theme="dark"] .service_area,
html[data-theme="dark"] .team_area,
html[data-theme="dark"] .blog_area {
    background: #12161c;
}

html[data-theme="dark"] .job_listing_area .job_lists .single_jobs,
html[data-theme="dark"] .job_details_area .single_jobs,
html[data-theme="dark"] .apply_job_form,
html[data-theme="dark"] .job_sumary,
html[data-theme="dark"] .job_filter,
html[data-theme="dark"] .notice-block,
html[data-theme="dark"] .image-placeholder,
html[data-theme="dark"] .white-bg {
    background: #1c1f26;
    border-color: #2a2f38;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .nice-select {
    background: #0f1318;
    color: #e5e5e5;
    border-color: #2a2f38;
}

html[data-theme="dark"] .nice-select .list {
    background: #0f1318;
}

html[data-theme="dark"] .nice-select .option {
    color: #e5e5e5;
}
.logo img,
.footer_logo img {
    height: 40px;
    width: auto;
}