:root {
    --primary-color: #F36201;
    --2: #61398F;
    --secondary-color: #20227e;
    --secondary-color: #0c1850;
    --footer-color: #858383;
    --headings-font-family: 'Montserrat', sans-serif;
    --paragraph-font-family: "Plus Jakarta Sans", sans-serif !important;
    --paragraph-font-family: 'Open Sans', sans-serif;
    --mobile-menu: #26263c;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

p {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

span,
li,
label,
input,
select,
option,
small,
ul li,
table,
.text-muted,
.alert,
.badge,
.card-header,
.company_credits,
.badge_top_ad,
.single_ad_page,
.alert-success {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

a {
    font-family: "Plus Jakarta Sans", sans-serif !important;
	outline: none !important;
	box-shadow: none !important;
}

.btn.btn-default,
.btn-send-message {
    background-color: var(--secondary-color);
}

.cta1 {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.cta2 {
    background-color: inherit !important;
    border: 1px solid white !important;
}

.cta2:hover {
    color: var(--secondary-color);
    background-color: white !important;
}

.notification {
    background-color: green;
    color: white;
    padding: 3px 10px;
    text-align: center;
    animation: fadeOut 5s forwards;
}

.main_color {
    color: var(--primary-color);
}

@keyframes fadeOut {
    0%   { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 0; display: none; }
}

#scrollUp {
    bottom: 75px;
    background-color: var(--primary-color);
}


/******************** SINGLE POST PAGE ********************/
.post_background {
    height: 600px;
    background-color: var(--primary-color);
}

.single_post_image {
    width: 100%;
    border: 4px solid white;
}

.post_content {
    margin-top: -550px;
}

.single_post_title {
    font-size: 2.3em;
    color: white;
    text-transform: uppercase;
}

.single_post_excerpt {
    margin: 3% 0px;
    padding: 10px;
    color: white;
    font-weight: bold;
    background-color: var(--primary-color);
    text-align: center;
}

.single_post_excerpt p {
    margin-bottom: 0px;
}

.firstCon{
    border-radius: 10px;
    box-shadow: 1px 1px 20px 0px #f8f9fa, 0 6px 20px 0 rgb(0 0 0 / 19%);
    padding: 1em 0 1em 0;
}

.icons-blog{
    color: white;
    text-align: right;
}

.icons-blog span {
    font-family: var(--paragraph-font-family);
}

.firstCon a{
    color: var(--primary-color);
}

.firstCon {
    color: var(--primary-color);
}

.firstCon a:hover{
    text-decoration: none;
    color: var(--primary-color);
    font-weight: 700;
}
/*########## END OF SINGLE POST PAGE ##########*/

.header .logo img {
	max-width: 130px;
}

.menu-list a,
.call-info p {
	color: white;
}

.menu-list a:hover {
	color: var(--secondary-color);
}

.header_cta {
	padding: 0px;
	border: 1px solid white;
	border-radius: 10px;
}

.header_cta:hover {
	background-color: white;	
}

.header_cta a:hover {
	color: var(--primary-color);
}

.header_cta img {
	margin-left: 10px;
}

.header_cta1 a img {
    transition: opacity 0.3s ease-in-out;
}

.header_cta1 a:hover img {
    content: url("/assets/images/svg/tools1.svg");
}

.header_cta2 {
	background-color: #D6C6E1;
}

.header_cta2 a {
	color: var(--primary-color);
}

.header_cta1 i,
.header_cta3 i {
	margin-left: 10px;
	margin-top: 3px;
}

.call-info a {
	color: var(--secondary-color);
}


/******************** HOMEPAGE ********************/

.tab-buttons-container {
    display: flex;
    gap: 20px;
}
.tab-btn {
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: border-bottom 0.3s ease-in-out;
}
.tab-btn.active {
    border-bottom: 3px solid var(--primary-color);
}
.tab-content {
    margin-top: 20px;
}
.single_candidate .tab-content {
    display: block !important;
}

.tab-content.active {
    display: block;
}

.tab-btn.active .quality {
	color: var(--primary-color);
	background-color: var(--secondary-color);
}

.arrow-section,
.btn-main:hover,
.btn-main:hover .btn-box-right, .btn-main:hover .btn-box-left,
.btn-main:hover .arrow-section {
	background: var(--primary-color);	
}

.btn-main:hover {
	text-decoration: none;
}

.btn2 {
    background: #61398f;
    color: var(--secondary-color);
}

.

.section-five {
	min-height: 400px;
	padding-top: 0px;
	background: inherit;
	background-image: url(/storage/assets/highlights-background.png);
	background-size: cover;
}

.steps-box {
	background: #D6C6E1;
}

.Register-text {
	color: var(--primary-color)
}

.proin {
	color: black;
}

.home_cta_left{
  display:flex;
  align-items:center;      /* vertikalno centriranje */
  justify-content:center;  /* horizontalno centriranje */
}

.home_cta_photo{
  max-height:100%;
  width:100%;
  height:100%;
  object-fit:cover;
}

.steps-box:hover {
    box-shadow: inset 0 30em 0 0 var(--primary-color);
}

.steps-box:hover .Register-text {
    color: #ffffff;
    transition: color 0.3s ease-in-out;
}

.section-three {
    background: linear-gradient(to top, #ffffff 10%, var(--primary-color) 70%);
}

.malesuada {
	color: white;
}

.section-six {
	padding: 300px 0px;
}

.services-slider-box:hover::before {
    background: linear-gradient(180deg, rgba(241, 97, 34, 0.00) 0%, var(--primary-color) 100%);
}

.blog-box:hover {
	text-decoration: none;
}

.tips {
	background-image: linear-gradient(to right, var(--primary-color) 45%, #000 55%);
}

.blog-cal-svg {
	filter: none;
}

#accordionExample .accordion-button {
	background: var(--secondary-color);
}

.banners {
    margin-bottom: 0px !important;
    background-color: var(--secondary-color);
    background-image: url(/storage/assets/home-about-background.png);
}

.banners .box-swiper {
    margin-top: 0px !important;
}

.box-swiper .swiper-button-prev {
    left: -35px;
}

.home_about .box-swiper .swiper-button-prev {
    top:49%;
}

.box-swiper .swiper-button-next {
    right: -35px;
}

.home_about .box-swiper .swiper-button-next {
    top: 49%;
}

.box-swiper .swiper-button-next, .box-swiper .swiper-button-prev {
    margin-top: -10px;
}

.home_blog h5 {
    min-height: 60px;
}

.home_blog p {
    min-height: 45px;
}

footer {
    padding: 60px 0px 0px;
    color: white;
    background-color: var(--secondary-color);
    border-top: 3px solid var(--primary-color);
}

.logo_footer {
	max-width: 110px;
}

.footer_platform_description {
	width: 80%;
}

footer h6,
footer ul li,
footer ul li a,
footer p,
.footer .footer-bottom span {
    color: white !important;
}

footer h6 {
    font-weight: bold;
}

.footer_about_us p {
    font-size: 14px;
    font-weight: bold;
}

.footer .footer-bottom span a {
    color: var(--primary-color) !important;
}

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

.usefulLinks-List li a,
.CallUs-phone p, .CallUs-phone {
	background-image: linear-gradient(to right, #ffffff 45%, #61398f 55%);
}

.CallUs,
.CallUs-phone {
	color: var(--primary-color);
}

button.bottom-top-button {
	background-color: var(--primary-color);
}

/**************************************** SERVICES ****************************************/
.services h2 {
    text-align: center;
}

.services p {
    text-align: center;
}

.service_hero {
    position: relative;
}

.service_hero img {
    width: 100%;
    max-width: 100%;
    height: 350px;
    object-fit: cover;
    border-bottom: 3px solid var(--primary-color);
}

.service_body {
    margin-top: 30px;
    margin-bottom: 30px;
}

.service_body h1,
.service_body h2,
.service_body h3
 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.service_body p,
.service_body li {
    max-width: 80%;
}

.services_titles {
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    padding: 10px;
}

.service h1 {
    font-size: 2.3em;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
}

.service h4 {
    color: white;
    font-weight: normal;
    letter-spacing: 1px;
}

.service p {
    text-align: justify;
}

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

.service_cta {
  padding: 79px 0;
  border-bottom: 2px solid #e96b00;
  background-image: url('/storage/assets/services-cta-background1.png'); /* ili koristi pseudo-elemente za krugove */
  background-repeat: no-repeat;
  background-position: center;
}

.btn-orange {
  background-color: #e96b00;
  color: white;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.3s ease;
  border: none;
}

.btn-orange:hover {
  background-color: #cc5a00;
  color: white;
}

.btn-outline-white {
  background-color: transparent;
  color: white;
  border: 2px solid white;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.3s ease;
}

.btn-outline-white:hover {
  background-color: white;
  color: #072b54;
}

.hero_cta i {
  font-size: 16px;
  margin-left: 6px;
}

.breacrumb-cover {
    background-image: none;
}

.service_sidebar .sidebar_all_services li a,
.blog_sidebar_categories li a {
    color: white;
    font-size: 1.2em;
    letter-spacing: 1px;
}

.service_sidebar .sidebar_all_services li a:hover {
    color: white;
}

.service_gallery .col-md-3 {
    padding: 10px;
}

.blog_sidebar {
    position: sticky;
    top: 100px;
    margin-bottom: 30px;
}

.service_sidebar {
    position: sticky;
    top: 100px; /* razmak od vrha (npr. visina hedera) */
    padding: 5% 10%;
    background-color: var(--primary-color);
    border-left: 10px solid;
    z-index: 10;
    background-image: url('/storage/assets/services-cta-background.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 300px auto;
}

.blog_sidebar h3,
.service_sidebar h3 {
    color: white
}

.blog_sidebar ul,
.service_sidebar ul {
    padding-left: 30px;
}

.service_sidebar .contact_list li {
    color: white;
}

.service_sidebar .contact_list li a {
    font-size: 16px;
    color: white;
}

.sticky-top {
    top: 20px;
}

/*########## END OF SERVICES ##########*/


/******************** BLOG  ********************/

.post-loop-grid h5 {
    min-height: 60px;
}

.post-loop-grid p {
    min-height: 45px;
}

.post-loop-grid img {
    height: 230px;
    object-fit: cover;
}

.sidebar-news-small img {
    height: 85px !important;
}

.post-loop-grid h5 {
    min-height: 60px;
}

.post-loop-grid p {
    min-height: 45px;
}

.post-loop-grid img {
    height: 230px;
    object-fit: cover;
}

.blog_sidebar_categories li a {
	color: var(--secondary-color);
}

.pagination {
    margin-bottom: 60px;
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/******************** REGISTER PAGE ********************/

.modal-backdrop {
	z-index: 1;
}

.modal {
	top: 100px;
}

.modal-header {
	background-color: var(--secondary-color);
}

.modal-header h3 {
	color: white;
}

.modal .btn2 {
	display: block;
	margin: 0 auto;
}

.forgot_password {
	display: block !important;
	color: var(--primary-color) !important;
}

.page_title {
    margin: 30px 0px;
    padding: 19px;
    background-color: var(--secondary-color);
    background-image: url(/storage/assets/home-about-background.png);
    text-align: center;
    border-radius: 30px;
    position: relative;
}

  .page_title h1 {
    margin-bottom: 0px;
    font-size: 2.1rem;
    color: white;
    text-transform: capitalize;
}

.company_credits {
    position: absolute;
    right: 30px;
    top: 23px;
}

.tooltip-inner {
    text-align: left !important;
}

.page_title p {
    margin-top: 10px;
    color: white;
    text-transform: uppercase;
}

.deactivate_account_cta {
    position: absolute;
    bottom: 10px;
    right: 30px;
}
.page_title .modal-body p {
    color: black;
    text-transform: none;
}

  .profile_menu1 a,
  .profile_menu1 .dropdown-toggle {
    display: block;
    width: 100% !important;
    padding: 11px 19px;
    color: white !important;
    background-color: var(--primary-color);
    border-radius: 10px;
    text-align: center;
    font-weight: bold !important;
    text-decoration: none;
 }

 .menu_jobs_listings ul,
 .menu_jobs_listings li {
    width: 100%;
 }

.jobs_dropdown {
    position: static !important;
    width: 100%;
    transform: translate3d(0px, 3px, 0px) !important;
    background-color: inherit !important;
    border: none !important;
}

.jobs_dropdown .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--secondary-color);
}

 /***** PROFILE ********/
 .profile_menu1 a:hover {
 	color: white !important;
 	background-color:  var(--secondary-color);
 }

 .profile_menu2 {
    padding: 0px 10px;
    color: white;
    background-color: var(--primary-color);
    border-radius: 10px;
}

.profile_menu2 .navbar-nav .nav-link {
    color: white !important;
}

.package-option {
    opacity: .8;
}

.package-option:hover {
    opacity: 1;
    cursor: pointer;
}


/***** PROFILE - CONFIRMATION *****/
.confirmation_wrapper {
    background-color: var(--secondary-color);
}

.confirmation_wrapper h2 {
    display: block;
    padding: 10px;
    color: white;
    background-color: #f36201;
    border-radius: 15px;
}

.confirmation_inner{
    padding: 15px;
    background-color: #070d28;
}

.confirmation_inner h1,
.confirmation_inner h2,
.confirmation_inner h3,
.confirmation_inner h4,
.confirmation_inner p,
.confirmation_inner ul,
.confirmation_inner ul li,
.confirmation_inner a {
    color: #ffffffe6;
}

.confirmation_inner h1,
.confirmation_inner h2,
.confirmation_inner h3,
.confirmation_inner h4 {
    margin: 30px 0pc 10px;
}

.confirmation_inner hr {
    background-color: white;
}

.modal_rules {
    margin: 30px 0px;
}




/*********************************************
*********** SPACE FOR JOBS *******************
*********************************************/

h1 {
  font-size: clamp(1.5rem, 3vw, 2rem); /* 24–32px */
  line-height: 1.3;
  font-weight: 700;
}

h2 {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem); /* 21.6–28px */
  line-height: 1.35;
  font-weight: 700;
}

h3 {
  font-size: clamp(1.2rem, 2.2vw, 1.5rem); /* 19.2–24px */
  line-height: 1.4;
  font-weight: 600;
}

h4 {
  font-size: clamp(1.05rem, 2vw, 1.35rem); /* 16.8–21.6px */
  line-height: 1.5;
  font-weight: 600;
}

h5 {
  font-size: clamp(1rem, 1.8vw, 1.2rem); /* 16–19.2px */
  line-height: 1.5;
  font-weight: 500;
}

h6 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem); /* 15.2–17.6px */
  line-height: 1.5;
  font-weight: 500;
}

p {
  font-size: clamp(0.9rem, 1.5vw, 1rem); /* 14.4–16px */
  line-height: 1.7;
  font-weight: 400;
}

label {
    display: block;
    font-size: 16px;
    text-align: left
}

.location_info {
    position: absolute;
    top: 30%;
}

.header {
    padding: 10px;
}

.logo {
    max-width: 80px;
}

.header .main-menu li ul {
    min-width: 370px;
}

.header-right .btn.btn-default {
    padding: 10px;
}

.notifications {
    display: none !important;
}

.flag-icon {
    display: inline-block;
    width: 1.333em !important;
    height: 1em !important;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    line-height: 1;
}

.modal-backdrop {
    z-index: 499;
}

.form-group i.fa-eye,
.form-group i.fa-eye-slash {
    position: relative;
    top: initial;
    left: initial;
    font-size: inherit;;
    color: gray;
    transform: none;
    cursor: pointer;
}

/***** HOME ******/

.home_hero {
    background: linear-gradient(to bottom, #f5f5f5 -29%, white 10%, #0c1850 80%);
}

.banner-hero {
    padding: 0px;
    background-color: var(--primary-color);
    border-radius: 30px;
}

.banner-hero .heading-banner {
    font-size: 44px;
    color: white;
}

.banner-hero .banner-description p {
    margin-top: 15px;
    color: white;
}

.banner-hero .banner-description p strong {
    font-size: 1.3em;
}

.moon_background {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 600px;
  border-radius: 0px 0px 0px 30px;
  z-index: 1;
}

.home_highlights h2 {
    font-size: clamp(2rem, 2rem, 2rem);
    color: white;
}

.home_highlights h5,
.home_highlights p {
    color: white;
}

.home_about {
    background-color: var(--secondary-color);
    background-image: url(/storage/assets/home-about-background.png);
}

.card-grid-5 .box-cover-img .content-bottom {
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px;
    text-align: center;
}

.card-grid-5 .box-cover-img .content-bottom h6 {
    font-size: 16px;
}

.card-grid-5 {
    border-radius: 10px;
}

.top_job_ads img {
    height: 210px;
    border-radius: 10px !important;
    object-fit: cover;
}

.home_cta {
    background-color: var(--secondary-color);
    background-image: url(/storage/assets/home-cta-background.png);
    background-image: url(/storage/assets/home-about-background.png);
}

.home_cta h2,
.home_cta p {
    color: white;
}

.home_cta p {
    margin-top: 15px;
}

.home_cta h5 {
    color: #A0A0A0;
}

.home_candidates {
    padding: 6% 0px;
    background-color: #fe6601;
    background-image: url(/storage/assets/home-about-background.png);
}

.mt-7

.card-profile {
    min-height: 110px;
}

.home_candidates .text-start h2,
.home_candidates .text-start p {
    color: white;
}

.home_candidates .card-grid-2 .card-grid-2-image-rd figure img {
    object-fit: cover;
}

.home_candidates .btn-tags-sm,
.all_candidates .btn-tags-sm {
    padding: 3px 6px;
}

.home_candidates .candidate_other_info .btn-tags-sm,
.all_candidates .candidate_other_info .btn-tags-sm,
.sidebar-list-job ul li .sidebar-text-info .badge {
    color: #8b3801;
    background-color: rgb(204 89 11 / 38%);
}

/* zelena nijansa za vozačku dozvolu */
.tag_license {
    color: #0b5e25 !important;
    background-color: rgba(51, 204, 102, 0.35) !important;
}

/* plava nijansa za strano iskustvo */
.tag_experience {
    color: #004085 !important;
    background-color: rgba(0, 123, 255, 0.3) !important;
}

.candidate_other_info {
    min-height: 96px;
}

.candidate_other_info span {
    margin-bottom: 6px;
    margin-right: 3px;
}

.home_candidates .font-sm,
.all_candidates .font-sm {
    font-size: 11px !important;
}

.card-grid-2.has_tooltip { position: relative; cursor: help; }
.card-grid-2.has_tooltip .tooltip_bubble {
position: absolute;
left: 12px; right: 12px; bottom: 12px;
display: none;
background: rgba(0,0,0,.88);
color: #fff;
padding: 10px 12px;
font-size: 13px;
line-height: 1.35;
border-radius: 8px;
box-shadow: 0 8px 22px rgba(0,0,0,.25);
z-index: 50;
pointer-events: none; /* da ne blokira klikove na kartici */
}
/* Prikaži na hover (desktop) */
.card-grid-2.has_tooltip:hover .tooltip_bubble { display: block; }

/* Za mobilni/touch – kad JS doda .show */
.card-grid-2.has_tooltip .tooltip_bubble.show {
display: block;
}
.card-grid-2.has_tooltip .tooltip_bubble p {
color: white;
}

.style-nav-top .swiper-button-prev,
.style-nav-top .swiper-button-next {
    top: 30%;
}

.card-grid-3 .card-grid-3-image figure img {
    border-radius: 10px;
}

/******************** ABOUT ********************/
.about_section1 img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.about_section1 h2 {
    font-size: 3em;
}

.about_section1 h3 {
    font-size: 2em;
}

.about_section2 img {
    width: 100%;
    height: auto;
    margin-top: 30%;
    border-radius: 10px;
}

.about_section2 .card-header span {
    color: var(--primary-color);
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    letter-spacing: 1px;
}

.about_section2 .card-body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.faq_toggle {
    padding: 15px 0px;
    line-height: 26px;
    font-size: 14px;
    text-decoration: none !important;
}

.faq_caret {
    width: 10px; 
    height: 10px; 
    border-right: 2px solid #555; 
    border-bottom: 2px solid #555;
    transform: rotate(45deg); 
    transition: transform .2s ease;
}

/* kada je collapse otvoren */
.collapse.show + .card_body,
.card .collapse.show ~ .faq_caret { 
    transform: rotate(-135deg); 
}

/* bolji target: kada je dugme expanded, okreni caret */
.faq_toggle[aria-expanded="true"] .faq_caret { 
    transform: rotate(-135deg); 
}

/**************************
***** REGSITER ***********
***************************/

.register_page_header {
    background-image: url(/storage/assets/register-header-background.png);
}

.register_page,
.inner_page_wrapper {
    margin: 3% 0px;
    background-image: url(/storage/assets/register-background.png);
    background-size: cover;
}

.contact_page_wrapper {
    background-image: none;
}

.register_page .btn-main.btn2 {
    display: block;
    max-width: 90%;
    margin: 0 auto;
}

.register_form input {
    height: 38px;
}

.register_form .form-control {
    padding: 3px 10px 3px 16px;
}

.select2 {
    width: 100% !important;
    max-width: 100%;
    height: 25px;
}

.select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: 38px !important;
    padding: 3px 10px 3px 16px;
    color: #A0ABB8 !important;
    border: 1px solid #E0E6F7 !important;
}

.select2-container {
    margin-bottom: 15px !important;
}

.select2-search {
    width: 100%;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow: hidden !important;
    display: inline-block !important;
    max-height: 32px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: -17px !important;
}

.view_uploaded_file {
    color: var(--primary-color);
}

.visa_application_page select {
    min-height: 53px;
}

input:required:invalid,
select:required:invalid,
textarea:required:invalid {
    border: 2px solid #e3342f !important;
    border-color: #f1b4b3 !important;
    box-shadow: 0 0 0 2px #fde8e8;
    outline: none;
    animation: shake 0.2s 1;
}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
    100% { transform: translateX(0); }
}

.area_select .select2-container--default .select2-selection--multiple {
    border: 1px solid #aaa !important;
}

.area_select .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: initial !important;
}

.form_group_checkbox_wrapper {
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
  margin-top: 25px;
}

.checkbox_row_custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.checkbox_col_custom {
  flex: 1;
}

.form_check_custom {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.form_check_input_custom {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: #007bff; /* ✅ moderna podrška za boju checkboxa */
}

.form_check_label_custom {
  font-size: 15px;
  color: #333;
  line-height: 1.4;
  cursor: pointer;
}

.form_check_link_custom {
  color: #007bff;
  text-decoration: underline;
  font-weight: 500;
}

.form_check_link_custom:hover {
  color: #0056b3;
  text-decoration: none;
}

/********************************
******** ALL ADS PAGE ***********
********************************/

.banner-hero .color-brand-2 {
    color: var(--primary-color);
}

.banner-hero .block-banner .form-find .select2 {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    padding: 0px;
}

.banner-hero .block-banner .form-find .select2::before {
    background-image: none;
}

.banner-hero .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: none !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #E0E6F7 !important;
}

.banner-hero .block-banner .form-find .btn-find {
    padding-left: 15px;
    background-image: none;
}

.banner-hero .block-banner .form-find .select2::after {
    top: 10px;
}

.banner-hero .block-banner .form-find .select2 .select2-selection__arrow {
    top: 3px;
}

.card_top_ad {
    border: 2px solid #ff9800;
    box-shadow: 0 2px 16px rgba(255,152,0,0.08);
    position: relative;
    background: linear-gradient(100deg, #fffbe5 80%, #ffe0b2 100%);
}
.badge_top_ad {
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 3;
    background: #ff5722;
    color: #fff;
    font-weight: bold;
    padding: 6px 14px 6px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 8px #ff980040;
    font-size: 14px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 6px;
    animation: topAdPulse 2s infinite;
}
@keyframes topAdPulse {
    0% { box-shadow: 0 2px 8px #ff980040; }
    50% { box-shadow: 0 4px 16px #ff9800; }
    100% { box-shadow: 0 2px 8px #ff980040; }
}


/********************************
******* SINGLE AD PAGE **********
********************************/
.single_ad_page {
    margin: 30px 0px;
}

.single_ad_page .banner-hero.banner-image-single {
    margin-bottom: 30px;
}

.single_ad_page .banner-hero.banner-image-single img {
    height: 300px;
    object-fit: cover;
}

.single_ad_page .breadcrumb {
    background-color: white;
}

.single_ad_page .breadcrumb a:hover {
    color: var(--primary-color);
}


/********************************
******** CANDIDATE PAGE *********
********************************/

.single_candidate .banner-hero.banner-image-single img {
    height: 180px;
    object-fit: cover;
}

.single_candidate .banner-hero.banner-image-single { 
    padding: 0px;
}

.single_candidate .image-compay img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.verified_badge {
    margin: -6px;
}

.single_candidate_documents .btn,
.all_favourites .btn {
    padding: 3px 10px;
}

.all_favourites td {
    vertical-align: middle;
}

th {
    text-align: center;
}

/********************************
********* ALL JOB ADS  **********
********************************/

.profile_entity_list {
    padding: 30px 0px;
}

.profile_entity_list th {
    color: var(--secondary-color);
}

.burger-icon,
.sticky-bar.stick .burger-icon {
    top: 30px;
}

.mobile_only .dropdown-menu {
    min-width: 3em;
}


.mobile-account ul li:hover a {
    color: white;
}

/******************** SINGLE POST PAGE ********************/

.single_post_background {
    min-height: 300px;
    background-image: url(/storage/assets/home-about-background.png);
    background-size: cover;
    background-color: #0c1850;
}

/*########## END OF SINGLE POST PAGE ##########*/




/* reset Bootstrap ponašanja */
@media (min-width: 768px) and (max-width: 999px) {
    .d-md-none {
        display: block !important;
    }
}

/* novo ponašanje od 1000px */
@media (min-width: 1000px) {
    .d-md-none {
        display: none !important;
    }
}


@media (max-width: 1000px) {

    .mobile-menu a {
        display: block !important;
        color: var(--secondary-color) !important;
    }

    .mobile-menu .menu-expand {
        display: none !important;
    }

    .mobile-menu .cta1 {
        color: white !important;
    }

    .banner-hero.banner-homepage5 {
        background-color: var(--primary-color);
        border-radius: 0px;
    }

    .home_highlights h2 {
        font-size: 3rem;
    }

    .moon_background {
        max-width: 400px;
    }

    .checkbox_row_custom {
        flex-direction: column;
        gap: 15px;
    }

    .service_body p,
    .service_body li {
        max-width: 80%;
    }

}


.all_candidates h5 {
    min-height: 48px;
    font-size: 16px;
}

.all_candidates .card-profile span {
    min-height: 46px;
    display: block;
    width: 100%;
}

.all_candidates .card-grid-2 .card-grid-2-image-left {
    padding: 18px 10px 0px;
}

.content-single .tab-content .badge {
    background-color: var(--secondary-color);
}

.box-info-contact {
    font-size: 1.4em;
    background-color: inherit;
}

.box-info-contact h6 {
    margin-bottom: 15px;
    font-size: 1.3em;
}

.footer-social .icon-socials.icon-facebook {
    background: url(../imgs/template/icons/facebook.svg) no-repeat 0 0;
}

.footer-social .icon-socials.icon-twitter {
    background: url(../imgs/template/icons/twitter.svg) no-repeat 0 0;
}

.footer-social .icon-socials.icon-instagram {
    background: url(../imgs/template/icons/instagram.svg) no-repeat 0 0;
}

.footer-social .icon-socials.icon-linkedin {
    background: url(../imgs/template/icons/linkedin.svg) no-repeat 0 0;
}

/* opciono za dimenzije i spacing */
.footer-social .icon-socials {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-right: 10px;
}