:root{
 --green-300:#29503D;
--gray-400:#212724;
 --gray-300:#212724;
 --gray-200:#E1E1D9;
 
}

a, button, input, select, textarea{ transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; -moz-transition:all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; outline:none;}
a:focus, button:focus{ outline:none;}
img { max-width:100%; vertical-align:middle; border:none;}
html, body{ overflow-x: clip;}
body, button, input, select, optgroup, textarea{ color: #434A46; font-family: "DM Sans", sans-serif; background: #fff; font-size: 16px; word-wrap: break-word;}


/*==========================Page=Css=Start====================================*/
.container_full{ max-width: 1600px; padding: 0 15px; margin: 0 auto;}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{ max-width: 1590px; padding: 0 15px;}
.form-select:focus{ border-color: #00BF58;}

.playfairDisplay{ font-family: "Playfair Display", serif;}
.fs-40{ font-size: 40px;}
.fs-48{ font-size: 48px;}

.button1{ line-height: 48px; background: #00BF58; color: #fff; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: 600; text-align: center; display: inline-block; border: 0; cursor: pointer; padding: 0 30px;}
.button1:hover{ background: #99c23f;}
.button2{ line-height: 44px; background: none; color: #00BF58; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: 600; text-align: center; display: inline-block; border: 2px solid #00BF58; cursor: pointer; padding: 0 30px;}
.button2:hover{ background: #00BF58; color: #fff;}

.explore_link{ text-align: right; white-space: nowrap;}
.explore_link a{ color: #00BF58; text-decoration: none;}
.explore_link a:hover{ color: #99c23f;}

/*Header section css start*/
.header{ background: #F9FAF0; padding: 16px 0; box-shadow: 0px 8px 24px 0px #959DA533;}
.header .navbar-brand img{ max-height: 100px;}
.navbar .navbar-nav .nav-item{ padding: 0 12px;}
.navbar .navbar-nav .nav-link{ font-size: 20px; color: #000; font-weight: 500; padding: 0;}
.navbar .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover{ color: #00BF58;}
.header_endright .srch_icon{ margin-right: 30px;}
/*Header section css end*/

/*Banner section Css Start*/
.banner{ padding: 7.8% 0; background: url(../../img/home-banner.png) center center no-repeat;}
.banner h1{ font-size: 70px;}
.banner h1 span{ color: #00BF58;}
.banner .banner_subtext{ max-width: 830px; margin: 13px auto 50px; font-size: 20px;}

.custom-search-bar{ max-width: 890px; margin: auto; border: 1px solid #00BF5866; border-radius: 10px; display: flex; align-items: center; flex-wrap: wrap; padding: 15px 30px; box-shadow: 0px 8px 24px 0px #959DA533; background-color: #fff; gap: 20px;}
.search_input { border: none; outline: none; flex-grow: 1; min-width: 200px; padding: 0; border-radius: 0;}
.search-divider { width: 2px; height: 27px; background-color: #d9dbda;}
.srch_location img{ max-width: 16px;}
.srch_location .search_input{ max-width: 100px; min-width: inherit;}
.srch_industry img{ max-width: 20px;}
.srch_industry .search_input{ max-width: 100px; min-width: inherit;}
.custom-search-bar .button1 i{ margin-right: 5px;}
.pac-container{ min-width: 300px;}
/*Banner section Css End*/

/*Most Demanding Jobs section css start*/
.job_card { border: 1px solid #00BF5833; border-radius: 10px; padding: 30px 25px 16px 25px; transition: all 0.3s ease; width: 100%; height: 100%; aspect-ratio: 1/1; display: flex; flex-direction: column;}
.job_card:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); transform: translateY(-3px);}
.job_card figure{ display: flex; justify-content: center; align-items: center; min-height: 60px; margin-bottom: 12px;}
.job_card figure img{ width: 53px;}
.job-title { font-size: 20px; font-weight: 500; margin-bottom: 8px; color: #212724; flex-grow: 1;}
.job-count { font-size: 14px;}
/*Most Demanding Jobs section css end*/

/*Latest Job Opportunities section css start*/
.ljo_listing_section{ padding: 70px 0;}
.ljo_listing{ border: 1px solid #EAEAEA; border-radius: 5px;}
.ljo_card { display: flex; align-items: center; justify-content: space-between; padding: 30px; border-bottom: 1px solid #EAEAEA; flex-wrap: wrap;}
.ljo_card:last-child { border-bottom: none;}
.ljo_company_info { display: flex; align-items: center; gap: 20px; min-width: 280px; flex: 1;}
.ljo_company_info img { width: 66px; height: 66px; object-fit: contain;}
.ljo_company_info .ljo_companyLogo { width: 66px; height: 66px; background-color:#29503D; color:#fff; font-size: 20px; border-radius: 50%; flex-shrink: 0;}
.ljo_company_info .ljo_company_name{ max-width: 140px;}
.ljo_details { flex: 2; padding: 0 20px;}
.ljo_title { font-weight: 700; font-size: 20px; margin-bottom: 11px;}
.ljo_meta { display: flex; gap: 30px; font-size: 14px;}
.ljo_meta img { max-width: 18px;}
.ljo_action { display: flex; align-items: center; min-width: 270px; justify-content: flex-end; gap: 30px;}
/*Latest Job Opportunities section css end*/

/*Lets Get Started section css start*/
.get_started_section { background: #FAFCFB; padding: 60px 0;}
.gsLeft_bx{ display: grid; grid-template-columns: 51.5% 45%; gap: 25px;}
.gsLeft_bx .gsTopImg{ padding-top: 15%;}
.gsLeft_bx .gsbtmImg{ padding-top: 24%;}
.gsLeft_bx .gsTopImg img, .gsLeft_bx .gsbtmImg img{ border-radius: 5px; width: 100%;}
.candidates_box{ background: white; padding: 30px; border-radius: 5px; box-shadow: 0px 8px 24px 0px #959DA533; width: 310px; margin: 45px -50px 0 auto; position: relative;}
.candidates_box p { margin: 0; font-weight: 500; font-size: 18px; font-family: "Playfair Display", serif; text-align: center; color: #000;}
.avatars { display: flex; align-items: center; justify-content: center; margin-top: 13px;}
.avatars img { width: 48px; height: 48px; border-radius: 50%; margin-right: -10px; object-fit: cover; border: 3px solid #fff;}
.avatars_add_more { width: 48px; height: 48px; background: #00BF58; color: white; display: flex; justify-content: center; align-items: center; border-radius: 50%;  font-size: 24px; margin-left: -10px; font-weight: 600; border: 3px solid #fff;}

.counter_info_box { background: white; padding: 20px; box-shadow: 0px 8px 24px 0px #959DA533; border-radius: 5px; display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; width: 310px; margin-left: -50px;}
.counter_item{ padding: 20px 0;}
.counter_item:nth-child(1), .counter_item:nth-child(2){ border-bottom: 1px solid #BDC76633;}
.counter_item:nth-child(2), .counter_item:nth-child(4){ border-left: 1px solid #BDC76633;}
.counter_item p{ font-size: 14px; margin: 0; line-height: normal;}
.counter_item .counter_count { font-weight: 500; font-size: 32px; font-family: "Playfair Display", serif; color: #00BF58; line-height: 1;}
.counter_item .counter_count::after{ content: "+";}

.gsContent_step { display: flex; gap: 20px; margin-bottom: 20px;}
.gsContent_step:last-of-type{ margin-bottom: 0;}
.gsContent_step .icon { flex-shrink: 0;}
.gsContent_step div{ padding-top: 7px;}
.gsContent_step h5 { margin: 0 0 4px; font-weight: 600; font-size: 16px; color: #212724;}
.gsContent_step p { margin: 0; font-size: 14px; line-height: 1.85;}
.gsContent_box .btn_group{ display: flex; gap: 30px; margin: 30px 0 0 65px;}
/*Lets Get Started section css end*/

/*Featured Companies section css start*/
.fc_section{ margin: 70px 0; padding: 50px 70px; background-color: #29503D; border-radius: 5px;}
.fc_section .fc_content{ max-width: 600px;}
.fc_section .fc_content p{ margin-bottom: 30px; line-height: 1.65;}
.fc_section .fc_img{ max-width: 500px;}
/*Featured Companies section css end*/

/*Latest blog section css start*/
.latest_blog_section{ padding-bottom: 70px;}
.blog_card{ background-color: #fff; height: 100%; display: grid; grid-template-columns: 1fr 1fr; box-shadow: 0px 0px 20px 10px #0000000D;}
.blog_card .blog_content{ padding: 50px 20px;}
.blog_card .blog_content .badge{ background-color: #29503D; border-radius: 5px; font-size: 14px; font-weight: 400; padding: 10px;}
.blog_card .blog_content h4{ font-size: 20px; font-weight: 500; color: #212724; margin: 22px 0 0;}
.blog_card .blog_content h4 a{ color: #212724; text-decoration: none;}
.blog_card:hover .blog_content h4 a{ color: #00BF58;}
.blog_card .blog_content .blog_more_icon{ position: absolute; right: 0; bottom: 0;}
/*Latest blog section css end*/

/*Footer Css start*/
.footer{ background: #F9FAF0;}
.footer_top{ padding: 70px 0 35px;}
.footer_about{ width: 41%;}
.footer_about img{ max-width: 84px;}
.footer_about .footer_about_txt{ font-size: 14px; max-width: 504px;}
.footer_social a:hover{ opacity: 0.8;}
.footer_top h3{ font-size: 20px; font-weight: 600; margin-bottom: 25px;}
.footer_links{ width: 18%;}
.footer_links ul{ margin: 0; padding: 0; list-style: none;}
.footer_links ul li{ padding-bottom: 11px;}
.footer_links ul li a{ color: #434A46; text-decoration: none;}
.footer_links ul li a:hover{ color: #00BF58;}
.footer_contact{ width: 23%;}
.footer_address{ margin: 0; padding: 0; list-style: none;}
.footer_address li{ display: flex; padding-bottom: 25px;}
.footer_address li:last-of-type{ padding-bottom: 0;}
.footer_address li .icon{ width: 30px; text-align: center; flex-shrink: 0; margin-right: 18px;}
.footer_address li a{ color: #434A46; text-decoration: none;}
.footer_address li a:hover{ color: #00BF58;}
.footer_address li p{ line-height: 2; margin-bottom: 0;}
.copyright{ border-top: 1px solid #d5d7ce; padding: 25px 0; font-size: 14px;}
/*Footer Css end*/

/*Login modal css start*/
.loginModal .modal-dialog{ max-width: 1100px;}
.login_job_img img{ width: 100%; height: 100%; object-fit: cover;}
.login_right{ padding: 25px 40px 20px;}
.login_modal_header{ align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 1rem;}
.common_form .form-control{ outline: 0; box-shadow: none; padding: 12px 18px; border-color: #ddd;}
.common_form .form-control:focus{ border-color: #00BF58;}
.common_form .fp{ color: #00BF58;}
.common_form .fp:hover{ text-decoration: none;}
.registerhere p{ margin-bottom: 0;}
.registerhere p a{ color: #00BF58; text-decoration: none;}
/*Login modal css end*/

/*Profile page css start*/
.profile_wrap{ background-color: #FAFCFB; min-height: calc(100vh - 130px);}
.profile_header{ background: #F9FAF0; padding: 15px 30px; box-shadow: 0px 8px 24px 0px #959DA533; position: sticky; top: 0; z-index: 3;}
.profile_logo img { max-height: 100px;}
.profile_imgName figure img{ width: 60px; height: 60px;}
.profile_imgName figure .profile_logo_circle{ width: 60px; height: 60px; background-color: #29503D; color: #fff; font-size: 20px; border-radius: 50%;}
.profile_sidebar{ width: 320px; padding: 70px 30px; background-color: #fff; box-shadow: 0px 4px 6px -4px #0000000D, 0px 10px 15px -3px #0000000D;}
.profile_sidebar ul{ margin: 0; padding: 0; list-style: none;}
.profile_sidebar ul li{ margin: 0 0 3px;}
.profile_sidebar ul li a{ padding: 16px 20px; color: #212724; text-decoration: none; line-height: normal; display: flex; align-items: center; gap: 16px; border-radius: 5px;}
.profile_sidebar ul li a .icon{ width: 28px; text-align: center; position: relative;}
.profile_sidebar ul li a:hover, .profile_sidebar ul li a.active{ background-color: #29503D; color: #fff;}

.profile_Chart h6 span{ color: #00BF58; font-weight: 600;}
.profile_Chart .canvasCircle{ width: 80px; margin: auto;}
.profile_Chart .profile_Chart_txt{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 2px; flex-direction: column; font-weight: bold; color: #00BF58;}
.profile_Chart .profile_Chart_txt i{ color: #999; font-size: 1.4rem;}

.profile_content{ padding: 70px 50px; flex: 1;}
.profile_titlebar{ position: sticky; top: 130px; background: #FAFCFB; z-index: 1; padding: 15px 0; margin-top: -15px;}
.profile_body{ background-color: #fff; padding: 40px 30px; border-radius: 5px; box-shadow: 0px 4px 6px -4px #0000000D, 0px 10px 15px -3px #0000000D; margin-top: 30px;}
.profile_img figure img{ width: 100px; height: 100px;}
.profile_img .profile_imgEdit_icon{ background-color: #00BF58; width: 26px; height: 26px; border-radius: 30px; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 7px;}
.profile_img #logo_image_section{ display: inline-block; width: 100px; height: 100px; background-color: #29503D;}

.profile_form .form_group{ margin-top: 25px;}
.profile_form .form_group .form-label{ font-weight: 600; color: #212724; margin-bottom: 5px;}
.profile_form .form_group .form-label .required{ color: #FF4000;}
.profile_form .form_group .form-control{ border-color: #E1E1D9; border-radius: 10px; font-size: 14px; outline: 0; box-shadow: none; padding: 14px 16px; line-height: normal; resize: none;}
.profile_form .form_group .form-control:focus{ border-color: #00BF58;}
.profile_form .form_group textarea.form-control{ min-height: 128px;}
.progress-bar{ background-color: #00BF58; font-size: 14px; font-weight: 700; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
/*Profile page css end*/

/*Register page css start*/
.register_wrap{ padding: 70px 0; background-color: #FAFCFB;}
.register_wrap .profile_form{ margin-top: -25px;}
.profile_form .form-check-label a{ color: #00BF58; text-decoration: none;}
.select2-container--default.select2-container .select2-selection--multiple{ border-color: #E1E1D9; border-radius: 10px; font-size: 14px; padding: 14px 16px;  line-height: normal;}
.select2-container--default.select2-container.select2-container--focus .select2-selection--multiple{ border-color: #00BF58;}
.select2-container--default.select2-container .select2-selection--multiple .select2-selection__rendered{ margin: 0;}
.select2-container--default.select2-container .select2-search--inline .select2-search__field{ margin: 0; color: #000;}
/*Register page css end*/

/*Blog Listing page css start*/
.pagetitle_bar{ padding: 70px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: 1;}
.pagetitle_bar:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(41, 80, 61, 0.7); mix-blend-mode: multiply; z-index: -1;}
.pagetitle_bar .breadcrumb li{ color: #fff; font-size: 18px; font-weight: 500;}
.pagetitle_bar .breadcrumb li a{ color: #00BF58; text-decoration: none;}
.pagetitle_bar .breadcrumb li a:hover{ text-decoration: underline;}
.pagetitle_bar .breadcrumb-item + .breadcrumb-item:before{ color: #fff;}

.blog_listing{ padding: 80px 0; background: #eff6f3;}
.blog_bx{ background: #fff; border-radius: 20px; padding: 15px 20px 30px;}
.blog_bx figure{ margin-bottom: 0; overflow: hidden; border-radius: 15px;}
.blog_bx figure img{ width: 100%; object-fit: cover; aspect-ratio: 1/1; transition: all .4s ease-in-out;}
.blog_bx:hover figure img{ transform: scale3d(1.1,1.1,1);}
.blog_data{ padding-top: 20px;}
.blog_data .blog_date{ color: #777; font-weight: 500;}
.blog_data .blog_date i{ color: #00BF58;}
.blog_data .blog_title{ font-size: 20px; margin: 12px 0; font-weight: 700; line-height: 1.28em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.blog_data .blog_title a{ color: #000; text-decoration: none;}
.blog_data .blog_title a:hover{ color: #00BF58;}
.blog_data .continue_btn a{ color: #00BF58; text-decoration: none;}
.blog_data .continue_btn a:hover{ color: #000;}
/*Blog Listing page css end*/

/*Blog Detail page css start*/
.blog_detail_section{ padding: 80px 0;}
.blog_post_detail{ padding-right: 50px;}
.blog_pubish_date{ font-size: 18px; color: rgba(0,0,0,.5);}
.blog_pubish_date i{ background: #00BF58; width: 36px; height: 36px; border-radius: 5px; color: #fff; line-height: 36px; font-size: 24px;}

.blog_post_content h2{ color: #000; font-weight: 600; margin-bottom: 1rem;}
.blog_post_content h3{ color: #000; font-weight: 600; margin-bottom: 1rem;}
.blog_post_content p{ margin-bottom: 1.5em; line-height: 1.9;}
.blog_post_content ul{ margin: 0 0 1.7em 30px; padding: 0;}
.blog_post_content ul li{ margin-bottom: 10px; padding-left: 6px; line-height: 1.9;}
.share_icons{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0;}
.share_icons h6{ margin-bottom: 0; color: #000; font-weight: 600;}
.share_icons .share-icon{ width: 36px; height: 36px; text-decoration: none; background: #29503d; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #fff;}
.share_icons .share-icon:hover{ background: #00BF58;}

.sidebar_recent_news h3{ margin-bottom: 25px; color: #000; font-weight: 600;}
.sidebar_recent_news ul{ margin: 0; padding: 0; list-style: none; border-top: 1px solid #ddd;}
.sidebar_recent_news ul li{ display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #ddd;}
.sidebar_recent_news ul li figure{ margin-bottom: 0; width: 70px; flex-shrink: 0;}
.sidebar_recent_news ul li figure img{ width: 100%; border-radius: 5px; aspect-ratio: 1/1;}
.sidebar_recent_news ul li figcaption{ padding-left: 1.5rem;}
.sidebar_recent_news ul li figcaption h4{ font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.sidebar_recent_news ul li figcaption h4 a{ color: #000; text-decoration: none;}
.sidebar_recent_news ul li figcaption h4 a:hover{ color: #00BF58;}
.sidebar_recent_news ul li figcaption .date{ font-weight: 500;}
/*Blog Detail page css end*/

/*Jobs detail page css start*/
.job_detail_section{ padding: 70px 0 20px;}
.job_detail_header{ margin-bottom: 50px;}
.job_detail_header .time_posted{ color: #00BF58; display: inline-block; background-color: #F9FAF0; border-radius: 15px; padding: 4px 10px;}
.job_company_logo img{ width: 90px;}
.job_company_logo .jcl{ width: 60px; height: 60px; background-color:#29503D; color:#fff; font-size: 20px; border-radius: 50%;}
.job_detail_header .apply_job_btn{ min-width: 306px; position: absolute; right: 0; bottom: 0;}

.job_detail_body{ display: flex; align-items: flex-start; gap: 80px;}
.job_detail_body_left{ flex: 1;}
.job_detail_content h3{ font-size: 20px; font-weight: 600; color: #212724; margin-bottom: 30px;}
.job_detail_content p{ line-height: 1.75; margin-bottom: 30px;}
.key_responsibilities{ margin: 0; padding: 0 0 30px; list-style: none;}
.key_responsibilities li{ padding-left: 35px; position: relative; line-height: 1.75; margin-bottom: 18px;}
.key_responsibilities li img{ position: absolute; left: 0; top: 8px;}
.job_detail_content .skills{ display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 30px;}
.job_detail_content .skills span{ background: #F9FAF0; padding: 8px 14px; border-radius: 12px; color: #29503D;}

.job_detail_body_right{ width: 306px;}
.job_overview_overview{ width: 100%; background-color: #FAFCFB; border-radius: 20px; padding: 20px;}
.job_overview h3{ font-size: 20px; font-weight: 600; color: #212724; margin-bottom: 0; padding: 5px 0;}
.job_overview ul{ margin: 0; padding: 0; list-style: none;}
.job_overview ul li{ margin-top: 15px;}
.job_overview ul li .icon{ width: 24px; margin-top: 7px;}
.job_overview ul li .icon img{ max-width: 24px;}
.job_overview ul li strong{ font-weight: 600; color: #212724;}
.job_location{ height: 270px; margin-top: 30px;}
.job_location iframe{ width: 100%; height: 100%; border: 1px solid #B7C3CD; border-radius: 12px;}

.job_count_bx{ width: 100%; background-color: #29503D; color: #D0F7E4; border-radius: 20px; padding: 20px; margin-bottom: 25px;}
.job_count_bx ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.job_count_bx ul li:not(:last-child){ border-bottom: 1px solid #ffffff25; padding-bottom: 10px;}
.job_count_bx ul li span{ font-weight: 600; color: #fff; display: block;}
/*Jobs detail page css end*/

/*Jobs listing page css start*/
.job_listing_section{ background: url(../../img/job-listing-top-bg.png) center top no-repeat; background-size: contain; padding-top: 70px;}
.job_details{ padding: 80px 0;}
.filter_reset a{ color: #00BF58; text-decoration: none;}
.filter_reset a:hover{ color: #000;}
.fsBody{ background: #F9FAF0; padding: 10px 20px; border-radius: 5px; margin-top: 25px;}
.fsBody .accordion-item{ border-width: 0 0 1px 0; border-color: #EAEAEA; background: none;}
.fsBody .accordion-item:last-of-type{ border-bottom: 0;}
.fsBody .accordion-item .accordion-button{ background: none; box-shadow: none; padding: 20px 0; font-weight: 600; color: #212724;}
.fsBody .accordion-item .accordion-button::after{ content: "\f107"; font-family: "Font Awesome 7 Free"; font-weight: 900; background: none;}
.fsBody .accordion-body{ padding: 5px 0 30px;}
.fsBody .form-check{ margin-bottom: 18px; padding-left: 28px;}
.fsBody .form-check:last-of-type{ margin-bottom: 0;}
.fsBody .form-check .form-check-input{ border: 1px solid #29503D; border-radius: 0; width: 18px; height: 18px; background-color: transparent; box-shadow: none; cursor: pointer; margin: 2px 0 0 -28px;}
.fsBody .form-check .form-check-input:checked[type="checkbox"]{ background-color: #29503D;}
.fsBody .form-check .form-check-input:checked[type="radio"]{ background-color: #29503D; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.fsBody .form-check .form-check-label{ cursor: pointer;}
.fsBody .form_group .form-control{ background-color: inherit;}
.fsBody .form_group .select2-container--default .select2-selection--multiple{ background: none;}

.range_slider .range-slider{ position: relative;}
.range_slider .slider-track{ position: absolute; height: 2px; border-radius: 5px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; margin-top: 1px;}
.range_slider input[type="range"] { position: absolute; width: 100%; height: 2px; background: none; pointer-events: none; -webkit-appearance: none; z-index: 2;}
.range_slider input[type="range"]::-webkit-slider-thumb{ pointer-events: auto; -webkit-appearance: none; height: 8px; width: 8px; border-radius: 50%; background: #F9FAF0; cursor: pointer; border: 2px solid #29503D;}
.range_slider input[type="range"]::-moz-range-thumb{ pointer-events: auto; height: 8px; width: 8px; border-radius: 50%; background: #F9FAF0; cursor: pointer; border: 2px solid #29503D;}
.range_slider .price-values{ padding-top: 28px;}

.job_card_header select{ min-width: 135px;}
.jobs_card{ border: 1px solid #EAEAEA; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; padding: 20px; margin-top: 25px;}
.job_company_info { width: 100px; flex-shrink: 0;}
.job_company_info img { max-width: 100px; object-fit: contain;}
.job_company_info .company_defualt_logo{ width: 80px; height: 80px; background-color:#29503D; color:#fff; font-size:24px; border-radius:50%; margin:auto;}
.job_info{ padding: 0 4.5vw; flex: 1;}
.job_info .job_time{ color: #00BF58; display: inline-block; background-color: #F9FAF0; border-radius: 12px; padding: 3px 10px; font-size: 12px;}
.job_info .job_title { font-size: 20px; margin-bottom: 11px;}
.job_info .jobs_meta { display: flex; gap: 24px; font-size: 14px; padding-top: 15px;}
.job_info .jobs_meta img { max-width: 17px;}
.job_info .job_tags{ display: flex; flex-wrap: wrap; gap: 15px; margin-top: 23px;}
.job_info .job_tags .tag{ background: #F9FAF0; color: #29503D; padding: 4px 13px; font-size: 14px; border-radius: 12px;}
.job_action{ display: flex; align-items: center; min-width: 235px; justify-content: flex-end; gap: 18px; color: #29503D;}
.job_action img{ max-width: 30px;}

/* Pagination */
.pagination { gap: 10px;}
.pagination .page-link{ width: 32px; height: 32px; border-radius: 5px !important; color: #29503D; border-color: #29503D; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0; box-shadow: none; font-weight: 600;}
.pagination .previous .page-link, .pagination .next .page-link{ font-size: 14px;}
.pagination .page-link:hover, .pagination .active .page-link{ background: #29503D; color: #fff;}
/*Jobs listing page css end*/

/*Privacy Policy page css start*/
.common_content_section{ padding: 70px 0; background: url(../../img/job-listing-top-bg.png) center top no-repeat; background-size: contain;}
.common_accordion .accordion-item{ border: 0; border-bottom: 1px solid #ccc; border-radius: 0; margin-bottom: 0;}
.common_accordion .accordion-item:last-of-type{ margin-bottom: 0;}
.common_accordion .accordion-item .accordion-button{ box-shadow: none; padding: 25px 0; font-size: 20px; font-weight: 600; color: #212724; border-radius: 0 !important; line-height: normal;}
.common_accordion .accordion-item .accordion-button:not(.collapsed){ background: none;}
.common_accordion .accordion-item .accordion-button::after{ content: "\f107"; font-family: "Font Awesome 7 Free"; font-weight: 900; background: none;}
.common_accordion .accordion-body{ padding: 10px 0 20px; line-height: 1.9;}
.common_accordion .accordion-body p{ margin-bottom: 10px;}
.common_accordion .accordion-body a{ color: #00BF58; text-decoration: none;}

.common_blockquote blockquote{ border-left: 5px solid #29503D; padding: 25px 20px; margin-bottom: 25px; box-shadow: 0px 0 7px 0px rgba(0,0,0,0.1); border-radius: 10px; position: relative; font-weight: 500; font-size: 18px; font-style: italic;}
/* .common_blockquote blockquote:before{ content: "\f10d"; font-size: 48px; font-weight: 700; position: absolute; top: 0; left: 20px; z-index: -1; font-family: "Font Awesome 7 Free"; color: #00BF58; opacity: 0.3; line-height: normal;} */
.common_blockquote blockquote:last-of-type{ margin-bottom: 0;}
/*Privacy Policy page css end*/

/*Contact us page css start*/
.contact_iconbx{ border: 2px solid #29503D; padding: 30px; border-radius: 20px; width: 94%; transition: all 0.25s ease-in 0s;}
.contact_iconbx:hover{ border-color: #00BF58;}
.contact_icon .fa{ background: #00BF58; color: #fff; display: inline-block; font-size: 30px; width: 80px; height: 70px; line-height: 70px; text-align: center; border-radius: 10px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.contact_iconbx:hover .contact_icon .fa{ background: #29503D;}
.contact_iconbx .contact_details{ padding-top: 30px;}
.contact_iconbx h3{ font-size: 24px; color: #000; font-weight: 600; margin: 0 0 10px;}
.contact_iconbx p{ font-weight: 500; font-size: 18px; line-height: 1.8; margin-bottom: 0;}
.contact_iconbx p a{ color: #00BF58; text-decoration: none;}
.contact_iconbx p a:hover{ color: #000;}
.contact_map{ width: 100%;}
.contact_map iframe{ width: 100%; height: 100%; border: 0;}

.contact_wrap{ box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); border-radius: 15px; background: #fff; margin: 90px 0 40px; overflow: hidden;}
.contact_form{ padding: 60px;}
.contact_form h5{ margin-bottom: 10px; text-transform: uppercase; color: #00BF58; font-weight: 600;}
.contact_form h2{ color: #000; font-size: 36px; font-weight: 600; margin-bottom: 30px;}
/*Contact us page css end*/

/*About us page css start*/
.about_content h5{ color: #00BF58;}
.about_content p{ margin-bottom: 0; line-height: 1.8;}
.about_content a{ color: #00BF58; text-decoration: none;}
.our_vision_bx{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 40px; margin-top: 40px; position: relative; overflow: hidden;}
.our_vision_bx::before{ content: ""; position: absolute; right: -50px; top: -50px; background: #00BF58; width: 100px; height: 100px; border-radius: 50%; transition: all .3s linear 0s;}
.our_vision_bx:hover:before{ width: 100%; height: 100%; top: 0; right: 0; border-radius: 0;}
.our_vision_bx h3{ font-weight: 700; color: #000; margin-bottom: 0; transition: all .3s linear 0s;}
.our_vision_bx i{ color: #00BF58; font-size: 40px; transition: all .3s linear 0s;}
.our_vision_bx p{ line-height: 1.8; margin-bottom: 0; position: relative; transition: all .3s linear 0s;}
.our_vision_bx:hover h3, .our_vision_bx:hover i, .our_vision_bx:hover p{ color: #fff;}
.aboutUs_images img{ max-width: 322px; overflow: hidden;}
.aboutUs_images .about_img1{ margin-bottom: 30px; max-width: 430px;}
.aboutUs_images .about_img3{ position: absolute; bottom: 70px; right: 0; max-width: 270px; width: 100%; aspect-ratio: 1/1; object-fit: cover;}

.otpa_txt{ font-size: 18px; line-height: 1.8;}
.otpa_txt a{ color: #00BF58; text-decoration: none;}

.hocy_section{ padding: 70px 0;}
.hocy_intro{ font-size: 18px; line-height: 1.8;}
.hocy_card { border: 1px solid #00BF5833; border-radius: 10px; padding: 40px 30px; transition: all 0.3s ease;}
.hocy_card:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); transform: translateY(-3px);}
.hocy_card figure{ display: flex; justify-content: center; align-items: center; min-height: 60px; margin-bottom: 20px;}
.hocy_card figure img{ width: 60px;}
.hocy_title { font-size: 20px; font-weight: 500; color: #212724;}

.recruitment_strtegy{ padding: 70px 0; background: #29503D;}
.recruitment_strtegy_txt{ line-height: 1.8;}
.recruitment_strtegy_txt p:last-of-type{ margin-bottom: 0;}
.recruitment_strtegy_txt a{ color: #00BF58; text-decoration: none;}
.recruitment_strtegy img{ border-radius: 100px 0;}
/*About us page css end*/

/*Membership plan page css start*/
.memberTabArea .nav-pills{ margin: 0 auto; border-radius: 50px;	background: #fff; max-width: max-content; box-shadow: 0 4px 58px rgb(54 58 116 / .08); padding: 10px; border: 1px solid #00BF5833;}
.memberTabArea .nav-pills li button{ background: none; padding: 15px 40px; font-size: 16px; font-weight: 700; color: #000; border-radius: 40px; text-transform: uppercase;}
.memberTabArea .nav-pills li button:hover:not(.active){ color: #00BF58;}
.memberTabArea .nav-pills li button.active{ background-color: #00BF58;}

.pricing_bx{ width: 100%; padding: 30px; border: 1px solid #ddd; transition: all 0.1s ease-in-out 0s; background: #fff; display: flex; flex-direction: column; position: relative; border-radius: 20px; box-shadow: 0 4px 58px rgb(54 58 116 / .08);}
.pricing_bx .memberPlan_name{ font-size: 24px; font-weight: 700; color: #000;}
.pricing_bx .memberPlan_price{ font-size: 48px; font-weight: 700; color: #00BF58; margin-top: 15px; line-height: normal;}
.pricing_bx .memberPlan_price sub{ font-size: 18px; line-height: 26px; color: #666; font-weight: 500;}
.pricing_bx .memberPlan_short_des{ margin-top: 20px; line-height: 1.7; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.pricing_bx .memberPlan_content{ margin-top: 25px; padding: 25px; background: #F3F9F6; flex: 1; border-radius: 10px;}
.pricing_bx .memberPlan_content ul{ margin: 0; padding: 0; list-style: none;}
.pricing_bx .memberPlan_content ul li{ margin-bottom: 10px; padding: 5px 0 5px 38px; background: url(../../img/check-circle-icon.svg) left center no-repeat; font-size: 18px; color: #202020;}
.pricing_bx .memberPlan_content ul li:last-of-type{ margin-bottom: 0;}
.pricing_bx .memberPlan_btn .button1{ display: block; font-size: 18px; line-height: 56px; margin-top: 30px;}

.pricing_bx.popular_plan, .pricing_bx:hover{ border-color: #00BF58; outline: 1px solid #00BF58;}
.pricing_bx .popular{ color: #fff; text-transform: uppercase; position: absolute; top: 0; right: 0; background: #00BF58; z-index: 1; padding: 5px 16px; font-size: 14px; font-weight: 700; border-radius: 0 15px 0 0;}
/*Membership plan page css end*/

/*Company Detail page css start*/
.company_details_section{ background-color: #FAFCFB; padding-bottom: 70px;}
.company_details_section .company_head{ background: #EFF1F0; padding: 60px 0 70px;}
.navigation-tabs-detail .nav-tabs .nav-link{ border: none; font-size: 20px; font-weight: 600; color: #212724; padding: 0 25px 10px; border-radius: 0; border-bottom: 3px solid transparent; background-color: transparent;}
.navigation-tabs-detail .nav-tabs .nav-link:hover{ color: #00BF58;}
.navigation-tabs-detail .nav-tabs .nav-link.active{ border-bottom-color: #00BF58; color: #00BF58;}
.navigation-tabs-detail .nav-tabs .tab-badge{ background: #E2E8F0; color: #212724; border-radius: 12px; padding: 0.25rem 0.75rem; font-size: 0.75rem; margin-left: 5px; vertical-align: middle;}
.navigation-tabs-detail .tab-content{ padding: 2rem 0 0;}
.navigation-tabs-detail .jobs_card:first-child{ margin-top: 0;}
.navigation-tabs-detail .jobs_card{ background-color: #fff;}
.company_content_box{ border: 1px solid #e9e9e9; padding: 30px; background-color: #fff;}
.company_content_box .job_location{ height: 350px;}
.company_content_box .social_share{ border-top: 1px solid #e9e9e9; padding-top: 24px;}

#reviews .overall-rating { text-align: center; margin-bottom: 2rem;}
#reviews .rating-number{ font-size: 3rem; font-weight: 700; display: flex; align-items: center; justify-content: center; color: #000;}
#reviews .rating-number i{ font-size: 2rem; color: #f59e0b;}
#reviews .review-rating{ color: #f59e0b; font-size: 1.25rem;}
#reviews .review-card{ background: white; border: 1px solid #e9e9e9; border-radius: 12px; padding: 1.5rem; margin-bottom: 1.5rem;}
#reviews .badge{ margin-right: 0.5rem; font-size: 0.8rem; padding: 0.4rem 0.8rem; border-radius: 20px;}
#reviews .badge-info{ background: #E2E8F0; color: #212724;}

#galleryCarousel .carousel-item img{ width: 25%; object-fit: cover; border-radius: 6px;}
#galleryCarousel .carousel-control-next, #galleryCarousel .carousel-control-prev{ width: 60px; opacity: 0.7;}

/*Apply Job css start*/
.apply_job_banner{ background-color: #ECF9F5;}
.apply_job_banner .ajb_icon{ width: 60px; height: 60px; background: #00BF58; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: white; box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3); margin: 0 auto 1rem;}

.left-bar{ position: sticky; top: 160px; align-self: flex-start; height: fit-content;}
.resume_outer{ max-height: 80vh; overflow-y: auto; scrollbar-width: none;}

.suggestions-box { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-top: none; border-radius: 0 0 8px 8px; box-shadow: 0px 4px 8px rgba(0,0,0,0.08); z-index: 1000; display: none; max-height: 250px; overflow-y: auto; font-size: 14px; display: block; max-width: 390px; text-align: left; font-weight: 600; text-transform: capitalize;}
.suggestion-item { padding: 10px 15px; cursor: pointer; transition: background 0.2s;}
.suggestion-item:hover { background: #00BF58; color: #fff;}
.suggestion-item + .suggestion-item { border-top: 1px solid #f0f0f0;}

.jobApply_form_box { border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);}
.jobApply_form_header{ background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); padding: 20px; color: white; border-radius: 20px 20px 0 0;}
.jobApply_form_header .icon{ width: 48px; height: 48px; background: rgba(255, 255, 255, 0.2); border-radius: 10px; margin-right: 15px; font-size: 24px;}
.jobApply_form_content{ padding: 30px; border: 1px solid #eee; border-radius: 0 0 20px 20px;}
.jobApply_form_content .profile_form{ margin-top: -25px;}
.file-upload{ border: 2px dashed #cbd5e0; border-radius: 15px; padding: 40px; text-align: center; transition: all 0.3s ease; cursor: pointer; background: #f9fafb;}
.file-upload:hover{ border-color: #22c55e; background: #f0fdf4; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(34, 197, 94, 0.15);}
.upload-icon{ font-size: 48px; color: #22c55e; margin-bottom: 15px;}
.file-upload p{ color: #64748b; font-weight: 500;}

/* my resume */
.resume_body h3{ color:var(--green-300); font-size: 24px; margin-bottom: 24px;}
.resume_body .form-label{ color: var(--gray-300); font-size: 16px;}
.resume_body .form-control{ border-color: var(--gray-200); border-radius: 10px; padding: .68rem .75rem;}
.resume_body .placeholder-text{ color:var(--gray-400); font-size: 14px;}
.resume_body .placeholder-text a{ color: #00BF58;}
.resume_body .border-box{ border-radius: 10px; padding: 24px; border: 1px solid var(--gray-200);}

/*Applied Candidates job detail page*/
.applicant_card{ border: 1px solid #e9e9e9; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 20px; background: #fff; margin-bottom: 25px;}
.applicant_card .job_info{ padding: 0;}
.applicant_card .job_info .jobs_meta img{ width: 17px;}

.job_overview_widget{ position: sticky; top: 160px;}
.job_overview_widget h2{ padding: 14px 20px; color: #fff; background: #00BF58; margin: 0; font-size: 20px; font-weight: 600; border-radius: 8px 8px 0 0;}
.job_overview_inner{ background: #fff; padding: 30px; border-width: 0 1px 2px; border-style: solid; border-color: #e9e9e9 #e9e9e9 #00BF58;}
.company_info:before{ content: ''; width: 1000px; height: 1px; position: absolute; bottom: 0; left: -100px; background-color: #e9e9e9;}
.company_logo .company_logo_icon{ width: 90px; height: 90px; background-color: #29503D; color: #fff; font-size: 36px;	border-radius: 50%; margin: auto;}
.company_logo .company_logo_icon img{ width: 54px; opacity: 0.9;}
.company_info h3{ font-size: 20px; margin: 0 0 20px; font-weight: 500;}
.company_info .job_type{ color: #29503D; display: inline-block; background-color: #F9FAF0; border-radius: 15px; padding: 4px 15px; font-size: 14px; font-weight: 500;}

.job_listing_info{ padding-top: 30px;}
.job_listing_info ul{ margin: 0; padding: 0; list-style: none; display: grid; gap: 30px;}
.job_listing_info ul li .icon{ min-width: 25px;}
.job_listing_info ul li .icon i{ font-size: 20px; color: #00BF58; padding-top: 7px;}
.job_listing_info ul li .info-content{ color: #666;}
.job_listing_info ul li .info-content strong{ font-weight: 600; color: #212724; display: block; margin-bottom: 5px; font-size: 18px;}

/*Massage chat page css start*/
.chat_section{ flex: 1; padding: 70px 25px 0;}
.chat_wrapper{ display: grid; grid-template-columns: 320px 1fr; background: var(--bs-white); height: fit-content; border-radius: 12px 12px 0 0; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);}

.chat_sidebar{ border-right: 1px solid #eee; overflow-y: auto; background: #fafafa;}
.chat_sidebar h2{ padding: 1rem; font-size: 20px; font-weight: 600; border-bottom: 1px solid #eee; margin-bottom: 0;}
.conversation{ display: flex; align-items: flex-start; gap: 0.8rem; padding: 1rem; cursor: pointer; border-bottom: 1px solid #eee; transition: background 0.2s;}
.conversation:hover, .conversation.active{ background: #e9f8f0;}
.conversation .avatar{ background: #00BF58; color: #fff; font-weight: bold; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.conv-details{ flex: 1;}
.conv-details strong{ display: block;}
.conv-details small{ color: #555;}

.chat_main{ display: flex; flex-direction: column; height: calc(100vh - 200px);}
.chat_header{ padding: 1rem; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; flex-wrap: wrap; gap: 0.5rem;}
.chat_header h3{ font-size: 18px; font-weight: 600; margin-bottom: 0;}
.chat_header h3 small{ color: #666; font-size: 0.85rem;}
.chat_header .back_btn{ display: none; font-size: 20px; cursor: pointer; color: #000;}
.chat_header .tags{ display: flex; gap: 0.5rem; flex-wrap: wrap;}
.chat_header .tags span{ color: #29503D; background-color: #F9FAF0; border-radius: 12px; padding: 3px 10px; font-size: 0.75rem; font-weight: 500;}
.chat_body{ flex: 1; padding: 1rem; overflow-y: auto; background: #fdfdfd;}
.chat_body .message{ max-width: fit-content; margin-bottom: 1rem; padding: 0.8rem 1rem; border-radius: 12px; font-size: 0.95rem; line-height: 1.4; position: relative; word-break: break-word;}
.chat_body .message.sent{ background: #00BF58; color: #fff; margin-left: auto; border-bottom-right-radius: 4px;}
.chat_body .message.received{ background: #eee; margin-right: auto; border-bottom-left-radius: 4px;}
.chat_body .time{ display: block; font-size: 0.7rem; margin-top: 0.3rem; opacity: 0.7;}

.chat_footer{ border-top: 1px solid #eee; display: flex; padding: 1rem; flex-shrink: 0;}
.chat_footer input{ flex: 1; padding: 0.8rem 1rem; border: 1px solid #ccc; border-radius: 20px; outline: none;}
.chat_footer button{ background: #00BF58; color: #fff; border: none; border-radius: 50%; width: 48px; height: 48px; margin-left: 0.6rem; cursor: pointer; font-size: 1.2rem;
display: flex; align-items: center; justify-content: center; transition: background 0.3s;}
.chat_footer button:hover{ background-color: #29503D;}

/*companies listing page css start*/
.hero_section{ background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); padding: 4rem 0 6rem; position: relative; overflow: hidden;}
.hero_section::before{ content: ''; position: absolute; width: 200px; height: 200px; background: #dcfce7; border-radius: 50%; top: 10%; left: 10%; opacity: 0.5; z-index: 1;}
.hero_section::after{ content: ''; position: absolute; width: 150px; height: 150px; background: #00BF58; border-radius: 50%; bottom: 10%; right: 15%; opacity: 0.06; z-index: 1;}
.floating_elements{ position: absolute; width: 100%; height: 100%; pointer-events: none; z-index: 1;}
.floating_circle{ position: absolute; border-radius: 50%; opacity: 0.1;}
.circle_1{ width: 100px; height: 100px; background: #00BF58; top: 10%; right: 5%;}
.circle_2{ width: 60px; height: 60px; background: #00BF58; bottom: 30%; left: 5%;}
.circle_3{ width: 80px; height: 80px; background: #00BF58; top: 55%; right: 50%;}
.hero_content{ position: relative; z-index: 2;}

.companies_section{ padding: 4.5rem 0;}
.company_grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem;}
.company_card{ display: flex; flex-direction: column; background: #fff; border: 1px solid #EAEAEA; border-radius: 12px; padding: 1.5rem; text-align: center; transition: transform 0.2s, border-color 0.2s;}
.company_card:hover{ transform: translateY(-4px); border-color: #00BF58;}
.company_card .company_logo{ width: 60px; height: 60px; background-color: #e6f5e6; color: #00BF58; font-weight: 700; display: flex; align-items: center; justify-content: center;  border-radius: 8px; font-size: 1.2rem; margin: 0 auto 1rem auto;}
.company_card .company_name{ font-weight: 600; font-size: 20px; color: #212724; margin-bottom: 1rem;}
.company_card .company_rating{ margin-bottom: 1rem;}
.company_card .company_rating .stars{ color: #fbbf24; font-size: 18px;}
.company_card .company_buttons{ display: flex; justify-content: center; gap: 0.5rem; margin-top: auto;}
.company_card .company_buttons .action_btn{ padding: 0.5rem 1rem; border-radius: 5px; border: 1px solid #d1d5db; background: #fff; font-weight: 500; text-decoration: none; color: #212724;}
.company_card .company_buttons .action_btn:hover{ background: #00BF58; color: #fff; border-color: #00BF58;}

/*company search result page css start*/
.search_result_item{ display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid #EAEAEA; border-radius: 5px; padding: 30px; margin-bottom: 1rem; transition: border-color 0.2s, box-shadow 0.2s;}
.search_result_item:hover{ border-color: #d1d5db; box-shadow: 0 4px 12px rgba(0,0,0,0.05);}

.search_result_info{ display: flex; align-items: center; gap: 1rem;}
.search_result_logo{ width: 60px; height: 60px; background: #29503D; color: #fff; font-weight: 600; font-size: 20px; border-radius: 7px; display: flex; align-items: center;justify-content: center; flex-shrink: 0;}
.search_result_details{ display: flex; flex-direction: column;}
.search_result_details h4{ font-weight: 700; font-size: 20px; color: #212724; margin-bottom: 10px;}
.search_result_details .rating_info .stars{ color: #fbbf24;}
.search_result_details .search_industry{ color: #6b7280;}
.search_result_action{ display: flex; gap: 0.5rem;}

/*Write a Review page css start*/
.write_review{ background: #FAFCFB;}
.write_review .jobApply_form_box{ max-width: 700px; margin: 20px auto;}
.form-check-input:checked { background-color: #00BF58; border-color: #00BF58;}
.rating-box{ direction: rtl !important;}
.rating-box label{ display: inline-block; color: #d4d4d4; cursor: pointer; font-size: 24px; transition: color 0.2s;}
.rating-box input{ display: none;}
.rating-box label:hover, .rating-box label:hover~label, .rating-box input:checked~label{ color: #00BF58;}
.keep-it-real{ background: #f5f5f5; padding: 30px; border-radius: 0 0 20px 20px;}
.keep-it-real ul{ margin: 0; padding: 0 0 0 15px;}

/*Notification page css start*/
.notification_count_icon{ position: absolute; top: -13px; left: 13px; background: #00BF58;; color: #fff; border-radius: 50%; padding: 0 5px; font-size: 12px; font-weight: 600;  text-align: center; line-height: 18px;}
#notificationTabs{ border-width: 2px;}
#notificationTabs .nav-link{ border: none; font-weight: 600; color: #212724; padding: 0 25px 10px; border-radius: 0; border-bottom: 3px solid transparent; background-color: transparent;}
#notificationTabs .nav-link:hover{ color: #00BF58;}
#notificationTabs .nav-link.active{ border-bottom-color: #00BF58; color: #00BF58;}
.notification_card{ background: #f2f2f2; padding: 15px 20px; border-radius: 10px; transition: 0.3s; border-left: 4px solid #777;}
.notification_card.unread{ background: #ecfdf5; border-left-color: #16a34a;}
.notification_card:hover{ background: #f0f0f0;}
.notification_card a{ text-decoration: none;}
.notification_card h3{ font-size: 18px; margin-bottom: 7px; color: #000;}
.notification_card p{ font-size: 15px; color: #555; margin-bottom: 5px;}
.notification_card small{ font-size: 13px; color: #888;}

/*DataTables css start*/
.dt-button{ background-color: #00BF58 !important; color: white !important; border-radius: 6px !important; padding: 7px 20px !important; border: none !important; font-size: 15px !important; font-weight: 500; outline: none !important;}
.dt-button:hover { background-color: #99c23f !important;}

/* .dataTables_wrapper .dataTables_length { padding-left: 10px; padding-top: 2px;} */
.dataTables_wrapper .dataTables_length label{ font-weight: 600; color: #333;}
.dataTables_wrapper .dataTables_length select { padding: 7px 14px; border: 1px solid #ccc; border-radius: 6px; margin: 0 5px;}
.dataTables_wrapper .dataTables_length select:focus { border-color: #00BF58; outline: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}

.dataTables_wrapper .dataTables_filter{ margin-bottom: .333em;}
.dataTables_wrapper .dataTables_filter label{ font-weight: 600; color: #333;}
.dataTables_wrapper .dataTables_filter input{ margin-left: 8px; padding: 7px 14px; border: 1px solid #ccc; border-radius: 6px;}
.dataTables_wrapper .dataTables_filter input:focus{ border-color: #00BF58; outline: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); outline: none;}

.dataTables_wrapper .dataTables_paginate .paginate_button{ padding: 7px 15px; margin: 0 3px; border: 1px solid #ccc; border-radius: 6px; color: #333 !important; line-height: normal;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: #00BF58; border-color: #00BF58;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background-color: #00BF58 !important; color: #fff !important; border-color:#00BF58 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ color: #fff !important;}

div.dataTables_wrapper table.dataTable{ width: 100% !important;}
table.dataTable.no-footer{ border-bottom: 0;}
table.table.dataTable > :not(caption) > * > *{ border-color: #ddd;}
.dataTables_wrapper table.dataTable thead th { padding: 15px; border-bottom: 2px solid #ddd; font-size: 15px; white-space: nowrap; text-transform: uppercase; color: #384551;}
.dataTables_wrapper table.dataTable tbody td { padding-left: 15px; padding-right: 15px; vertical-align: middle; color: #555;}

/*404 Error page css start*/
.error_404_bx{ max-width: 600px; margin: auto; position: relative; z-index: 1;}
.error_404_bx h1{ font-size: clamp(8rem, 15vw, 12rem); font-weight: 900; margin-bottom: 0; color: #00BF58;}
.error_404_bx h3{ font-size: clamp(2rem, 5vw, 3rem); color: #212724; margin-bottom: 1.5rem; font-weight: 700;}
.error_404_bx p{ font-size: 1.25rem; margin-bottom: 2rem; line-height: 1.6;}

/*Other pages css start*/
.job_details_tbl table tbody th{ white-space: nowrap;}






/* Responsive Css Start */
@media (min-width: 1400px) and (max-width: 1600px) {
    .profile_content{ padding-inline: 30px;}
    .job_overview_inner{ padding: 20px;}
}
@media (max-width: 1399px) {
    .job_listing_info ul{ grid-template-columns: 1fr 1fr;}
}
@media (max-width: 1359px) {
    .fc_section{ padding: 50px;}
    .footer_about .footer_about_txt{ max-width: 450px;}
    .blog_post_detail{ padding-right: 0;}
    .our_vision_bx{ padding: 30px;}
}
@media (max-width: 1199px) {
    .navbar-toggler{ width: 40px; height: 40px; padding: 0px; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; position: relative; z-index: 1; margin: 0; cursor: pointer;}
    .navbar-toggler span{ background: #00BF58; display: block; height: 3px; width: 40px; border-radius: 2px; position: absolute; left: 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
    .navbar-toggler span:first-child { top: 8px;}
    .navbar-toggler span:nth-child(2) { top: 18px;}
    .navbar-toggler span:last-child { top: 28px;}
    .navbar-toggler[aria-expanded="true"] span:nth-child(2) { opacity: 0;}
    .navbar-toggler[aria-expanded="true"] span:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 18px;}
    .navbar-toggler[aria-expanded="true"] span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 18px;}

    .navbar .navbar-collapse{ margin: 0 -15px;}
    .navbar .navbar-nav{ margin-top: 16px;}
    .navbar .navbar-nav .nav-item{ border-top: 1px solid #00BF5840; padding: 0;}
    .navbar .navbar-nav .nav-item a{ padding: 15px 20px;}
    .navbar .header_btns{ padding: 25px 20px 10px; border-top: 1px solid #00BF5840;}
    .navbar .header_btns_visible{ position: absolute; right: 75px; top: 16px;}

    .header .navbar-brand img{ max-height: 80px;}
    .banner{ background-image: url(../../img/banner-mobile.png); background-position: center top 20px; background-size: contain; padding-top: 50%;}
    .banner h1{ font-size: 60px;}
    .job_card{ aspect-ratio: 1/0.7;}
    .ljo_card{ padding: 20px;}
    .ljo_meta{ flex-direction: column; gap: 10px;}
    .ljo_action{ gap: 20px;}
    .counter_info_box{ width: auto;}
    .candidates_box{ width: auto;}
    .gsContent_box{ padding-bottom: 40px;}
    .fc_section{ padding: 40px 30px;}
    .fc_section .fc_content { max-width: 50%;}
    .fc_section .fc_img{ max-width: 45%;}
    .blog_card .blog_content { padding: 15px 15px 50px;}
    .blog_card .blog_content h4{ margin: 15px 0 0; font-size: 18px;}
    .footer_about .footer_about_txt{ max-width: 350px;}

    .loginModal .modal-dialog{ width: 96%;}
    .profile_header{ padding: 15px 30px 15px 20px;}
    .profile_logo img { max-height: 80px;}
    .profile_sidebar{ width: 300px; padding: 50px 20px;}
    .profile_content{ padding: 50px 30px;}
    .profile_titlebar{ top: 110px;}
    .register_wrap{ padding: 50px 0;}
    .blog_bx{ padding: 15px 15px 30px;}
    .blog_detail_section{ padding: 50px 0;}
    .job_detail_header .apply_job_btn{ position: static; margin-top: 30px;}
    .job_detail_body{ gap: 25px;}

    .jobs_card{ flex-direction: column; align-items: flex-start;}
    .job_company_info{ width: auto; display: flex; align-items: center; gap: 20px;}
    .job_info{ padding: 20px 0; width: 100%;}
    .job_action{ width: 100%; justify-content: space-between;}
    .contact_iconbx{ width: 100%;}
    .contact_form{ padding: 30px;}
    .aboutUs_images img{ max-width: 100%;}
    .aboutUs_images .about_img1{ width: 100%; max-width: 100%; margin-bottom: 20px;}
    .aboutUs_images .about_img3{ max-width: 100%; position: static; aspect-ratio: inherit; margin-top: 20px;}
    .recruitment_strtegy img{ border-radius: 20px;}
    .pricing_bx{ padding: 20px;}
    .pricing_bx .memberPlan_content{ padding: 15px;}

    .applicant_card{ flex-direction: column; align-items: flex-start;}
    .chat_section{ padding: 50px 20px 0;}
    .chat_wrapper{ grid-template-columns: 260px 1fr;}
    .chat_main{ height: calc(100vh - 160px);}
    .company_details_section .company_head{ padding: 50px 0;}
} 
@media (max-width: 991px) {
    .header{ padding: 5px 0;}
    .banner{ padding: 50% 0 50px;}
    .banner h1 { font-size: 48px;}
    .banner .banner_subtext { margin: 10px auto 30px;}
    .custom-search-bar { flex-direction: column; align-items: flex-start; padding: 10px 20px; gap: 10px;}
    .search-divider { display: none;}
    .search_input{ padding: 10px 0; width: 100%; border-bottom: 1px solid #00000010;}
    .srch_location{ display: flex; width: 100%; gap: 10px;}
    .srch_location .search_input{ max-width: 100%;}
    .srch_industry{ display: flex; width: 100%; gap: 10px; margin-bottom: 10px;}
    .srch_industry .search_input{ max-width: 100%;}
    .pac-container{ min-width: inherit;}
    .fs-40{ font-size: 30px;}
    .ljo_listing_section { padding: 50px 0;}
    .ljo_card { flex-direction: column; align-items: flex-start;}
    .ljo_company_info .ljo_company_name{ max-width: 100%;}
    .ljo_details { width: 100%; padding: 15px 0;}
    .ljo_action { width: 100%; justify-content: space-between; margin-top: 0;}
    .get_started_section { padding: 50px 0;}
    .fc_section{ margin: 50px 0; padding: 30px;}
    .fc_section .fc_content { max-width: 100%;}
    .fc_section .fc_img { max-width: 100%; width: 100%; padding-top: 40px; text-align: center;}
    .latest_blog_section{ padding-bottom: 50px;}
    .footer_top { padding: 50px 0 30px;}
    .footer_about { width: 100%;}
    .footer_about .footer_about_txt { max-width: 100%;}
    .footer_links { width: 30%; padding-top: 40px;}
    .footer_contact { width: 40%; padding-top: 40px;}

    .login_right{ padding: 20px;}
    .profile_header{ padding: 5px 15px;}
    .profile_wrap{ padding: 50px 15px; min-height: calc(100vh - 90px);}
    .profile_sidebar{ width: 100%; padding: 20px; border-radius: 5px; position: fixed; left: 0; top: 90px; z-index: 3; background-color: #F9FAF0; border-top: 1px solid #00BF5840;}
    .profile_content{ padding: 0; width: 100%;}
    .profile_titlebar{ top: 90px;}
    .profile_body{ margin-top: 25px; padding: 20px;}
    .blog_listing{ padding: 50px 0;}
    .pagetitle_bar{ padding: 50px 0;}
    .sidebar_recent_news{ padding-top: 50px;}
    .blog_post_content ul{ margin-left: 15px;}
    .blog_post_content ul li{ padding-left: 0;}
    .job_detail_section{ padding: 50px 0 0;}
    .job_detail_body{ flex-wrap: wrap;}
    .job_detail_body_left{ width: 100%;}
    .job_detail_body_right{ width: 100%; margin-top: 30px;}
    .job_detail_content h3{ margin-bottom: 20px;}
    .job_detail_content p{ margin-bottom: 20px;}
    .key_responsibilities{ padding-bottom: 20px;}
    .job_detail_content .skills{ margin-bottom: 20px; gap: 15px;}
    .job_listing_section{ padding-top: 50px;}
    .job_details { padding: 50px 0;}
    .jobs_cards{ padding-top: 30px;}
    .left-bar{ position: static;}
    /* .pagination{ margin-top: 30px;} */

    .common_content_section{ padding: 50px 0;}
    .common_accordion .accordion-item .accordion-button{ font-size: 18px;}
    .common_blockquote blockquote{ padding: 20px; font-size: 16px;}
    .contact_iconbx{ margin-top: 30px;}
    .contact_map{ height: 400px;}
    .contact_wrap{ margin: 60px 0 20px;}
    .aboutUs_images{ margin-top: 50px;}
    .aboutUs_images img{ width: 48.5%;}
    .aboutUs_images .about_img3{ width: 48.5%; float: right; margin-top: 0;}
    .otpa_txt{ font-size: 16px;}
    .hocy_section{ padding: 50px 0;}
    .hocy_intro{ font-size: 16px;}
    .recruitment_strtegy{ padding: 50px 0;}
    .suggestions-box{ top: 25%; max-width: 100%; border: none;}

    .chat_section{ padding: 0;}
    .chat_main{ height: calc(100vh - 140px);}
    .hero_section{ padding: 3rem 0;}
    .hero_content .custom-search-bar .button1{ width: 100%;}
    .hero_content .custom-search-bar .search_input{ text-align: center;}
    .companies_section{ padding: 3rem 0;}
    .search_result_item{ padding: 20px;}
    .company_details_section{ padding-bottom: 50px;}
    .write_review .jobApply_form_box{ margin: 0 auto;}

    .dataTables_wrapper table.dataTable thead th { padding: 10px 5px; font-size: 14px;}
    .dataTables_wrapper table.dataTable tbody td { padding-left: 5px; padding-right: 5px; font-size: 15px;}
    .dataTables_wrapper table.dataTable tbody td:last-of-type{ white-space: nowrap;}

}
@media (max-width: 767px) {
    .banner h1 { font-size: 36px;}
    .banner .banner_subtext{ font-size: 18px;}
    .gsLeft_bx{ grid-template-columns: 1fr;}
    .gsLeft_bx .gsTopImg { padding-top: 0;}
    .candidates_box{ margin: 30px 0 0;}
    .counter_info_box{ margin-left: 0;}
    .gsLeft_bx .gsbtmImg { padding-top: 30px;}
    .gsContent_step{ gap: 15px;}
    .footer_links { width: 100%;}
    .footer_contact { width: 100%;}
    .banner h1 br{ display: none;}
    .fs-48{ font-size: 36px;}
    .job_info .jobs_meta{ flex-wrap: wrap; gap: 15px;}
    .job_info .job_tags{ margin-top: 20px; gap: 10px;}
    .pagination{  flex-wrap: wrap; justify-content: center;}
    .common_accordion .accordion-item .accordion-button{ padding: 20px 0;}
    .common_accordion .accordion-body{ padding: 0 0 20px;}
    .our_vision_bx i{ font-size: 36px;}
    .contact_form h5{ font-size: 18px;}
    .contact_form h2{ font-size: 30px;}

    .job_listing_info ul{ grid-template-columns: 1fr;}
    .chat_wrapper{ grid-template-columns: 1fr; border-radius: 0;}
    .chat_sidebar{ border-right: 0;}
    .chat_main{ display: none;}
    .chat_wrapper.show-chat .chat_sidebar{ display: none;}
    .chat_wrapper.show-chat .chat_main{ display: flex;}
    .chat_header .back_btn{ display: block;}
    .chat_header{ flex-direction: column; align-items: flex-start;}
    .chat_header .tags{ margin-top: 0.25rem;}
    .search_result_item{ flex-direction: column; align-items: flex-start; gap: 1rem;}
    .search_result_action{ width: 100%;}
    .search_result_action a{ flex: 1;}
    .company_content_box{ padding: 20px;}
    #reviews .review-card{ padding: 20px; margin-bottom: 1rem;}
    #notificationTabs .nav-link{ padding: 0 10px 10px;}
    #galleryCarousel .carousel-item img{ width: auto; max-width: 49%;}

    .job_details_tbl{ font-size: 14px;}
    .job_details_tbl table tr td ul{ padding-left: 15px;}

}
@media (max-width: 640px) {
    .dataTables_wrapper .dataTables_filter{ margin-bottom: 10px;}
    .dataTables_wrapper table.dataTable thead th{ font-size: 14px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button{ margin: 3px;}
    .error_404_bx{ padding: 15px;}

}
@media (max-width: 575px) {
      .job_card { aspect-ratio: inherit;}
      .custom-search-bar .button1{ width: 100%;}
      .profile_imgName figcaption{ display: none;}
      .profile_Chart h6{ display: none;}
      .profile_Chart .canvasCircle{ width: 100px;}
}
@media (max-width: 480px) {
    .button1{ padding: 0 20px;}
    .button2{ padding: 0 20px;}
    .gsContent_box .btn_group{ gap: 10px;}
    .memberTabArea .nav-pills li button{ padding: 15px 30px;}
    .pricing_bx .memberPlan_short_des{ font-size: 16px;}
    .pricing_bx .memberPlan_content ul li{ font-size: 16px;}
    .pricing_bx .memberPlan_content{ margin-top: 20px;}
    .pricing_bx .memberPlan_btn .button1{ margin-top: 20px;}
    .suggestions-box{ top: 23%;}
    .jobApply_form_content{ padding: 25px;}
    .file-upload{ padding: 25px;}
    .navigation-tabs-detail .nav-tabs .nav-link{ padding: 0 12px 10px;}
    .keep-it-real{ padding: 25px;}
    #notificationTabs{ gap: 10px;}
    #notificationTabs .nav-link{ padding: 0 0 10px; font-size: 0.92rem;}
    .resume_body .border-box{ padding: 18px;}
}