/*KATALOG CAROUSEL */



.katalozi-grid {
   display: grid;
    grid-template-columns: repeat(6, 1fr); /* 4 grid items per row */
    gap: 30px; /* Adjust the gap between grid items */
	 grid-gap: 30px; /* Adjust the gap between grid items */
}

/* Adjust for mobile to make it 1 column */
@media (max-width: 768px) {
    .katalozi-grid {
        grid-template-columns: 1fr; /* Full width for both left and right on mobile */
		text-align:center;
    }
}

.katalozi-grid-item {
     position: relative; /* Add position for pseudo-element */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    /*background-color: #000; *//* Adjust background color as needed */
    padding: 20px;
    border-radius: 6px;
    overflow: hidden; /* Hide overflow caused by border animation */
	background-color:#f3f3f3;
	box-shadow: 0px 7px 28px -15px rgba(0, 0, 0, 0.3);
}


.katalozi-grid-item:hover {
  border:2px solid #dd2012;
}

.katalozi-grid-title { 
   margin-top: 0;
    margin-bottom: 10px;
	/*min-height:90px;*/
	text-align:center;
	font-size:18px;
}

.katalozi-image {
    overflow: hidden; /* Hide overflow if image exceeds container height */
    flex-shrink: 0; /* Prevent image from shrinking */
    width: 100%; /* Ensure the image takes up half of the grid item width */
	text-align:center;
	margin-bottom:10px;
	width: auto;
    max-height: 100px!important; /* Maximum height for image */
	
}

.katalozi-image img {
    width: auto;
    max-height: 100px!important; /* Maximum height for image */

	text-align:center!important;
	display: block;
  margin-left: auto!important;
  margin-right: auto!important;
}






/* CSS for proizvodni asortiman */


/* Grid layout for tablet */
@media screen and (max-width: 768px) {
    .asortiman-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
    }
	  .asortiman-grid-2 {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
    }
	  .asortiman-grid-home2 {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
    }
	
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
   .asortiman-grid {
        grid-template-columns: repeat(3, 1fr); /* 1 grid item per row on tablet and mobile */
    }
	
}


/* CSS for the walls grid */
.asortiman-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.asortiman-grid-home2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}








/* Add styles for each grid item */
.asortiman-grid-item {
    position: relative!important;
    background-size: cover!important;
    background-position: center!important;
    height: 400px!important; /* Adjust the height as needed */
	min-height:400px!important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border-radius:20px;
	cursor:pointer;
}

.asortiman-grid-item:hover {
    transform: scale(1.0); /* Scale the item slightly on hover */
    background-color: rgba(0, 0, 0, 0.7); /* Add a slight dark overlay */
	transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Add overlay styles */



.asortiman-grid-overlay {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    background-color: rgba(0, 0, 0, 0.25)!important; /* Adjust the overlay color and opacity as needed */
	/*background: linear-gradient(184deg, rgba(255,106,16,1) 0%, rgba(252,176,69,1) 100%);*/
	/*background: linear-gradient(180deg, #ff9c00, #fc0 55%, #fd1);*/
	background-color: rgba(0, 0, 0, 0.35)!important;/* Adjust the overlay color and opacity as needed */
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    padding: 20px!important;
    color: #000!important; /* Adjust the text color for title and button */
	border-radius:20px;
}


.asortiman-grid-overlay:hover {
    
	/*background: linear-gradient(0deg, rgba(38,45,63,1) 0%, rgba(99,156,193,1) 100%);*/
	
}

.asortiman-grid-content {
/*border: solid 2px #fff;*/
    padding: 20px;
   /* margin: 10px;*/
   /* border-width: 10px;
    border-color: rgba(255,255,255,0.39);*/
    padding-top: 12%!important;
    padding-right: 24px!important;
    padding-bottom: 12%!important;
    padding-left: 24px!important;
   /* margin-top: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 10px!important;*/
    box-shadow: 0px 20px 60px -6px rgba(0,0,0,0.3);
    min-height: 400px;
	border-radius:20px;
}




.asortiman-grid-content:hover {
/*border: solid 10px #375F3C;*/
   /* border-width: 10px;
    border-color: #d07500;*/
box-shadow: 0px 20px 60px -6px rgba(0,0,0,0.3);
	 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition: box-shadow 0.3s ease, transform 0.3s ease;

}



/* Add styles for the title */
.asortiman-grid-title {
    font-size: 25px;
    margin-bottom: 10px!important;
	color:#fff!important;
	/*text-transform:uppercase;*/
	text-align:center;
	font-weight:700;
}

/* Add styles for the button */
.asortiman-grid-button {
 display: block;
    margin-top: 10px; /* Add some space between excerpt and button */
	margin-bottom:10px;
    padding: 14px 20px;
   /* background-color: #7F4C3F;*/
    
    text-decoration: none;
    border-radius: 10px;
    text-align: center; /* Center the text horizontally */
    
	font-size: 16px;
	    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	min-width:80%;
	
	
	background-color: #fff;
	
    color: #2b3649;
    border: 1px solid #fff;
}

/* Hover effect for the button */
.asortiman-grid-button:hover {
       background-color: #e02b20;
   color: #2b3649;
	border: 1px solid #fff;
}


/* On tablet and mobile, display one item per row */
@media (max-width: 768px) {
    .asortiman-grid {
        grid-template-columns: 1fr!important;
    }
}

.asortiman-excerpt { 

    color: #fff;
    text-align: center; /* Center the text horizontally */
    font-size: 14px;
	min-height:80px;

}

.asortiman-content { 
text-align:center;
}

.asortiman-icon { 
width:50px;
	margin-bottom:10px;
}


/*
.asortiman-excerpt {
    display: none; 
}
*/
.asortiman-grid-button {
  /*  display: none; *//* Initially hide the excerpt */
}

.asortiman-grid-item:hover .asortiman-excerpt {
    display: block; /* Show the excerpt when the parent is hovered */
}

.asortiman-grid-item:hover .asortiman-grid-button {
    display: block; /* Show the excerpt when the parent is hovered */
	 background-color: #e02b20;
	color:#fff;
	border: 1px solid #e02b20;
}

.asortiman-grid-item:hover .asortiman-grid-title {
    color:#fff!important;
	font-size: 22px;
}

.asortiman-grid-item:hover .asortiman-excerpt {
    color:#fff!important;
}



/*KARIJERA GRID */
/* CSS for Blog Grid */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 grid items per row on desktop */
    gap: 20px; /* Add some gap between grid items */
}

.blog-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 grid items per row on desktop */
    gap: 20px; /* Add some gap between grid items */
}

/* Grid layout for tablet */
@media screen and (max-width: 768px) {
    .blog-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
    }
	  .blog-grid-2 {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
    }
}

/* Base style for blog grid item card */
.blog-card {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px;
    min-height: 300px;
    display: flex;
    flex-direction: column; /* Stacking elements vertically */
    justify-content: space-between; /* Space elements evenly vertically */
	    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border:solid 2px #2a3a34;
	
}

/* On hover, increase shadow and scale */
.blog-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
	border:solid 2px #375F3C;
}

/* Style for blog image */
.blog-card .blog-image {
    width: 100%;
    height: 250px; /* Set the desired height for the image */
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    margin-bottom: 10px; /* Add some space between image and other elements */
}

/* Style for blog title */
.blog-card .blog-title {
    font-weight: 300;
    text-align: center; /* Center the text horizontally */
    font-size: 24px;
    margin-bottom: 10px;
	color:#000;
	 font-family: 'Poppins'!important;
}

/* Style for blog excerpt */
.blog-card .blog-excerpt {
    color: #000;
    text-align: center; /* Center the text horizontally */
    font-size: 16px;
	min-height:80px;
}

/* Style for Read More button */
.blog-card .read-more-btn {
    display: block;
    margin-top: 10px; /* Add some space between excerpt and button */
    padding: 14px 20px;
    background-color: #375F3C;
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
    text-align: center; /* Center the text horizontally */
    border: 1px solid #375F3C;
	font-size: 16px;
	    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	
}

.blog-card .read-more-btn:hover {
 /*   background-color: #f4583f;*/
   background-color: #2a3a34;
	
    color: #fff;
    border: 1px solid #2a3a34;
}


/*TEAM */
/* General styling for the team grid */
.team-grid {
    display: grid;
    gap: 20px; /* Adjust the gap between grid items */
}

/* Desktop: 3 items per row */
@media (min-width: 1024px) {
    .team-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Tablet: 2 items per row */
@media (min-width: 768px) and (max-width: 1023px) {
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: 1 item per row */
@media (max-width: 767px) {
    .team-grid {
        grid-template-columns: 1fr;
    }
}

/* General styling for team member items */
.team-member {
    /*background-color: #f9f9f9;*/ /* Optional: background color for items */
    padding: 15px; /* Padding inside each item */
    border-radius: 8px; /* Rounded corners for items */
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); *//* Optional: shadow effect */
    text-align: center; /* Center-align text inside items */
}

/* Style for images */
.team-member img {
    max-width: 100%;
    height: auto;
    border-radius: 50%; /* Make the image round */
    margin-bottom: 10px; /* Space between image and text */
	border:4px solid #df0a19;
}

/* Style for contact icons */
.contact-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 10px; /* Space between icon and text */
}

.contact-icon span {
    font-size: 16px; /* Adjust icon size */
    margin-right: 5px; /* Space between icon and text */
}

.department-wrapper { 
margin-bottom:20px;
}



/*TEAM NEW */

.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 2 columns on desktop */
    gap: 20px;
    margin-bottom: 70px;
}

.team-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns on desktop */
    gap: 20px;
    margin-bottom: 70px;
}

/* Tablet and mobile view */
@media (max-width: 768px) {
    .team-grid {
        grid-template-columns: 1fr; /* 1 column on tablet/mobile */
    }
	 .team-grid-2 {
        grid-template-columns: 1fr; /* 1 column on tablet/mobile */
    }
}

/* Inner grid (left and right wrappers) */
.team-grid-inner {
    display: grid;
  /*  grid-template-columns: 1fr 3fr;*//* Left (1fr), Right (3fr) on desktop */
	grid-template-columns: 1fr ; /* Left (1fr), Right (3fr) on desktop */
    gap: 10px;
	text-align:center;
}

/* Adjust for mobile to make it 1 column */
@media (max-width: 768px) {
    .team-grid-inner {
        grid-template-columns: 1fr; /* Full width for both left and right on mobile */
		text-align:center;
    }
}

.team-grid-item-left-wrapper {
    display: flex;
   /* flex-direction: column;*/
    justify-content: center; /* Center content vertically */
	text-align:center;
}

.team-grid-item-right-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 50%; /* Round image */
    object-fit: cover; /* Ensure the image fills the container */
	text-align:center;
}

.team-details h3 {
    font-size: 1.2em;
    margin-top: 10px;
}

.team-details .team-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.team-details .team-desc {
    
}

/* Optional: Add hover effect */
.team-grid-item:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Slightly larger shadow on hover */
    transition: box-shadow 0.3s ease;
}

/* Styling for the grid item */
.team-grid-item {
    border-radius: 10px; /* Rounded corners */
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ /* Box shadow */
    padding: 15px;
    /*background-color: #fff; *//* Background color */
    display: block; /* Ensures block-level display for the nested grid */
	/*background-color:#edf6fd;*/
	
	

    border-radius: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.team-image { 
border-radius:99%;
	width:100px;
	height:100px;
	text-align:center;
	
}

.team-image img { 
border-radius:99%;
	width:100px;
	height:100px;
	object-fit: cover;
	text-align:center;
	
}

.team-title h3 { 
	font-size:20px;
	font-weight:bold;
}

.team-title { 
color: #1ba1de;
}

.team-desc { 
font-size:12px;
margin-bottom:10px;
}




/* Apply different background colors and set all nested text to white */
.team-grid-item:nth-child(1) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(2) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(3) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(4) { background-color: #f3f3f3; color: #000; }

/* Mix colors to avoid repetition on neighboring items */
.team-grid-item:nth-child(7) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(6) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(5) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(8) { background-color: #f3f3f3; color: #000; }

.team-grid-item:nth-child(9) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(10) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(11) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(12) { background-color: #f3f3f3; color: #000; }

.team-grid-item:nth-child(13) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(14) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(15) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(16) { background-color: #f3f3f3; color: #000; }

.team-grid-item:nth-child(17) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(18) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(19) { background-color: #f3f3f3; color: #000; }
.team-grid-item:nth-child(20) { background-color: #f3f3f3; color: #000; }

/* Nested element colors */
.team-grid-item h3,
.team-grid-item .team-title,
.team-grid-item .team-grid-read-more {
    color: #000;
}

.team-grid-item .team-contact-info a { 
color:#e02b20;
	font-size:12px;
}


/*PROJEKTI */


/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
   .asortiman-grid {
        grid-template-columns: repeat(3, 1fr); /* 1 grid item per row on tablet and mobile */
    }
	  .projekti-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
		  grid-gap: 20px;
    }
}


/* CSS for the walls grid */

.projekti-grid { 
 display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}


@media screen and (max-width: 768px) {

	  .projekti-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 grid item per row on tablet and mobile */
		  grid-gap: 20px;
    }
}


/* Add styles for each grid item */
.projekti-grid-item {
    position: relative!important;
    background-size: cover!important;
    background-position: center!important;
    height: 400px!important; /* Adjust the height as needed */
	min-height:400px!important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border-radius:20px;
	cursor:pointer;
}

.projekti-grid-item:hover {
    transform: scale(1.0); /* Scale the item slightly on hover */
    background-color: rgba(0, 0, 0, 0.7); /* Add a slight dark overlay */
	transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Add overlay styles */



.projekti-grid-overlay {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    background-color: rgba(0, 0, 0, 0.25)!important; /* Adjust the overlay color and opacity as needed */
	/*background: linear-gradient(184deg, rgba(255,106,16,1) 0%, rgba(252,176,69,1) 100%);*/
	/*background: linear-gradient(180deg, #ff9c00, #fc0 55%, #fd1);*/
	background-color: rgba(0, 0, 0, 0.35)!important;/* Adjust the overlay color and opacity as needed */
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    padding: 20px!important;
    color: #000!important; /* Adjust the text color for title and button */
	border-radius:20px;
}


.projekti-grid-overlay:hover {
    
	/*background: linear-gradient(0deg, rgba(38,45,63,1) 0%, rgba(99,156,193,1) 100%);*/
	
}

.projekti-grid-content {
/*border: solid 2px #fff;*/
    padding: 20px;
   /* margin: 10px;*/
   /* border-width: 10px;
    border-color: rgba(255,255,255,0.39);*/
    padding-top: 12%!important;
    padding-right: 24px!important;
    padding-bottom: 12%!important;
    padding-left: 24px!important;
   /* margin-top: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 10px!important;*/
    box-shadow: 0px 20px 60px -6px rgba(0,0,0,0.3);
    min-height: 400px;
	border-radius:20px;
}




.projekti-grid-content:hover {
/*border: solid 10px #375F3C;*/
   /* border-width: 10px;
    border-color: #d07500;*/
box-shadow: 0px 20px 60px -6px rgba(0,0,0,0.3);
	 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition: box-shadow 0.3s ease, transform 0.3s ease;

}



/* Add styles for the title */
.projekti-grid-title {
    font-size: 25px;
    margin-bottom: 10px!important;
	color:#fff!important;
	/*text-transform:uppercase;*/
	text-align:center;
	font-weight:700;
}

/* Add styles for the button */
.projekti-grid-button {
 display: block;
    margin-top: 10px; /* Add some space between excerpt and button */
	margin-bottom:10px;
    padding: 14px 20px;
   /* background-color: #7F4C3F;*/
    
    text-decoration: none;
    border-radius: 10px;
    text-align: center; /* Center the text horizontally */
    
	font-size: 16px;
	    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	min-width:80%;
	
	
	background-color: #fff;
	
    color: #2b3649;
    border: 1px solid #fff;
}

/* Hover effect for the button */
.projekti-grid-button:hover {
       background-color: #e02b20;
   color: #2b3649;
	border: 1px solid #fff;
}


/* On tablet and mobile, display one item per row */
@media (max-width: 768px) {
    .projekti-grid {
        grid-template-columns: 1fr!important;
    }
}

.projekti-excerpt { 

    color: #fff;
    text-align: center; /* Center the text horizontally */
    font-size: 14px;
	min-height:80px;

}

.projekti-content { 
text-align:center;
}

.projekti-icon { 
width:50px;
	margin-bottom:10px;
}


/*
.projekti-excerpt {
    display: none; 
}
*/
.projekti-grid-button {
  /*  display: none; *//* Initially hide the excerpt */
}

.projekti-grid-item:hover .projekti-excerpt {
    display: block; /* Show the excerpt when the parent is hovered */
}

.projekti-grid-item:hover .projekti-grid-button {
    display: block; /* Show the excerpt when the parent is hovered */
	 background-color: #e02b20;
	color:#fff;
	border: 1px solid #e02b20;
}

.projekti-grid-item:hover .projekti-grid-title {
    color:#fff!important;
	font-size: 22px;
}

.projekti-grid-item:hover .projekti-excerpt {
    color:#fff!important;
}


/* On tablet and mobile, display one item per row */
@media (max-width: 768px) {
    .asortiman-grid-home2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}
}







/* Add styles for each grid item */
.projekti-grid-item2 {
    position: relative!important;
    background-size: cover!important;
    background-position: center!important;
    height: 400px!important; /* Adjust the height as needed */
	min-height:400px!important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border-radius:20px;
	cursor:pointer;
}

.projekti-grid-item2:hover {
    transform: scale(1.0); /* Scale the item slightly on hover */
    background-color: rgba(0, 0, 0, 0.7); /* Add a slight dark overlay */
	transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Add overlay styles */



.projekti-grid-overlay2 {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    background-color: rgba(0, 0, 0, 0.25)!important; /* Adjust the overlay color and opacity as needed */
	/*background: linear-gradient(184deg, rgba(255,106,16,1) 0%, rgba(252,176,69,1) 100%);*/
	/*background: linear-gradient(180deg, #ff9c00, #fc0 55%, #fd1);*/
	background-color: rgba(0, 0, 0, 0.35)!important;/* Adjust the overlay color and opacity as needed */
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    padding: 20px!important;
    color: #000!important; /* Adjust the text color for title and button */
	border-radius:20px;
}


.projekti-grid-overlay:hover {
    
	/*background: linear-gradient(0deg, rgba(38,45,63,1) 0%, rgba(99,156,193,1) 100%);*/
	
}

.projekti-grid-content2 {
/*border: solid 2px #fff;*/
    padding: 20px;
   /* margin: 10px;*/
   /* border-width: 10px;
    border-color: rgba(255,255,255,0.39);*/
    padding-top: 12%!important;
    padding-right: 24px!important;
    padding-bottom: 12%!important;
    padding-left: 24px!important;
   /* margin-top: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 10px!important;*/
    box-shadow: 0px 20px 60px -6px rgba(0,0,0,0.3);
    min-height: 400px;
	border-radius:20px;
}




.projekti-grid-content2:hover {
/*border: solid 10px #375F3C;*/
   /* border-width: 10px;
    border-color: #d07500;*/
box-shadow: 0px 20px 60px -6px rgba(0,0,0,0.3);
	 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition: box-shadow 0.3s ease, transform 0.3s ease;

}




.asortiman-grid-item-home-3 {
    position: relative!important;
    background-size: cover!important;
    background-position: center!important;
    height: 400px!important; /* Adjust the height as needed */
	min-height:400px!important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border-radius:20px;
	cursor:pointer;
	
}

.asortiman-grid-item-home-3:hover {
    transform: scale(1.0); /* Scale the item slightly on hover */
    background-color: rgba(0, 0, 0, 0.7); /* Add a slight dark overlay */
	transition: transform 0.3s ease, background-color 0.3s ease;
}


/* On tablet and mobile, display one item per row */
@media (max-width: 768px) {
    .asortiman-grid-item-home-3 {
    margin-bottom:90px;
}
}

.asortiman-grid-item-home-3 a { 
color:#000!important;
}


.objave-grid-item-image img { 
width:100%;
	max-height:250px;
		height:250px;
	border-radius:20px;
}

.objave-grid-item-image-home img { 
width:100%;
	max-height:350px;
		height:350px;
	border-radius:20px;
}

.objave-grid-button222 { 
color:#000!important;
}
.objave-grid-button222 a { 
color:#000!important;
}
a.objave-grid-button222 a { 
color:#000!important;
}


a.tg-button-molba-button  { 
color: #FFFFFF !important;
    background-color: #e02b20 !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    text-align: center;
    line-height: 9px;
    font-weight: 600;
    padding: 20px 40px !important;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 40px !important;
    padding-right: 40px !important;
    opacity: 1 !important;
}

.posao-info { 
color: #333;
font-weight:bold;
	font-size: 22px;
	font-family: 'Roboto Condensed' !important;
}
A.posao-info { 
color: #333;
	font-weight:bold;
	font-size: 22px;
	font-family: 'Roboto Condensed' !important;
}

a.posao-info2 {
	color:#20272f;
	
}

.posao-info2  {
	color:#20272f;
	
}