.baneri-section .column {
padding: 0;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
border-bottom: none !important;
}
.baneri-section .column img {
width: 100%;
height: 150px;
aspect-ratio: 3 / 1;
object-fit: cover;
display: block;
margin: 0 auto;
}
.baneri-section .center-text {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
width: 100%;
color: #253965 !important;
background-color: #EEEEEE;
border-bottom: none;
}
.baneri-section .column:hover .center-text {
background-color: #4A90E2 !important;
color: #fff !important;
}
.baneri-section .column p {
margin-bottom: 0;
text-align: center;
padding: 0 10px;
min-height: 78px;
} .baneri-section .column {
position: relative;
}
.baneri-section .column::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150px;
background-color: rgba(38, 57, 101, 0.5);
pointer-events: none;
z-index: 2;
}  .section.white.baneri-section {
min-height: 250px;
}
@media (min-width: 768px) {
.section.white.baneri-section {
min-height: 260px;
}
}   .baneri-section .row {
display: grid !important;
gap: 20px;
width: 100%;
margin: 0 auto;
align-items: stretch;
justify-items: stretch;
box-sizing: border-box;
justify-content: center;
grid-auto-flow: row;
}
.baneri-section .row::before,
.baneri-section .row::after {
display: none !important;
content: none !important;
} .baneri-section .column {
display: flex;
flex-direction: column;
align-items: stretch;
text-align: center;
cursor: pointer;
transition: transform 0.2s ease;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
.baneri-section .column:hover {
transform: scale(1.02);
} .baneri-section .column img {
width: 100%;
height: 150px;
object-fit: cover;
display: block;
box-sizing: border-box;
} .baneri-section .center-text {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
box-sizing: border-box; 
padding: 10px;
text-align: center;
color: #253965 !important;
background-color: #EEEEEE;
height: auto;
word-wrap: break-word;
line-height: 1.3em;
} .baneri-section .column:hover .center-text {
background-color: #4A90E2 !important;
color: white !important;
}  @media (max-width: 480px) {
.baneri-section .row {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.baneri-section .center-text {
font-size: 14px;
min-height: 120px; }
} @media (min-width: 481px) and (max-width: 1023px) {
.baneri-section .row {
grid-template-columns: repeat(2, 1fr) !important;
}
.baneri-section .center-text {
font-size: 14px;
min-height: 110px;
}
} @media (min-width: 1024px) and (max-width: 1399px) {
.baneri-section .row {
grid-template-columns: repeat(3, 1fr) !important;
}
.baneri-section .center-text {
font-size: 14px;
min-height: 100px;
}
} @media (min-width: 1400px) {
.baneri-section .row {
grid-template-columns: repeat(5, 1fr) !important;
}
.baneri-section .center-text {
font-size: 15px;
min-height: 100px;
}
}   @media (max-width: 480px) { .section.white:not(.baneri-section) .row > .column {
display: none;
}
.section.white:not(.baneri-section) .row > .column:first-child {
display: block;
width: 100% !important;
margin: 0 auto !important;
}
}   @media screen and (max-width: 480px) { #post-container {
display: block !important; } #post-container .column {
width: 100% !important;
display: block !important;
margin-bottom: 20px; }
}  @media only screen and (max-width: 480px) { .section.navy .row {
display: flex !important;
flex-direction: column;
align-items: center;
}
.section.navy .row > .column {
display: none !important;
}
.section.navy .row > .column:first-of-type {
display: block !important;
width: 90%; max-width: 350px; margin: 0 auto; } .section.blue .row {
display: flex !important;
flex-direction: column;
align-items: center;
}
.section.blue .row > .column {
display: none !important;
}
.section.blue .row > .column:first-of-type {
display: block !important;
width: 90%;
max-width: 350px;
margin: 0 auto;
} .section.navy .row > a {
display: flex;            
justify-content: center;  
width: 100%;              
max-width: 350px;         
margin: 0 auto !important;
padding: 0;               
box-sizing: border-box;
} .section.navy .row > a .column.st {
display: flex !important; flex-direction: column; justify-content: space-between; width: 100%;
min-width: 100% !important;
max-width: 100%;                
margin: 0;                                    
box-sizing: border-box;
text-align: left;               
min-height: 200px; } .section.navy .row > a .column.st p:last-of-type {
margin: 0; }
} @media only screen and (max-width: 480px) { .carousel-korisni_linkovi .su-image-carousel-item {
display: block !important;
text-align: center !important; }
.carousel-korisni_linkovi .su-image-carousel-item img {
display: inline-block !important;
margin: 0 auto !important;
width: auto !important;
height: auto !important;
}
} .column.sp {
transition: background-color 0.3s ease; }
.column.sp:hover {
background-color: #236cc0 !important; color: white; }
.column.op {
transition: background-color 0.3s ease; }
.column.op:hover {
background-color: #236cc0 !important; color: white; }
.column.st {
transition: background-color 0.3s ease; }
.column.st p {
font-size: 20px; line-height: 1.4; }
.column.st:hover {
background-color: #236cc0 !important; color: white; } .column.st img.small-icon {
filter: brightness(0) invert(1); transition: filter 0.3s ease;
}
.column.st:hover img.small-icon { filter: brightness(0);
} .column.st > p:last-child {
transition: transform 0.3s ease, font-size 0.3s ease;
display: inline-block;
transform-origin: left center; }
.column.st:hover > p:last-child {
transform: scale(1.2);
font-weight: 600;
color: #ffffff;
} .button_silver {
background-color: #a9a9a9; color: white; transition: background-color 0.3s, color 0.3s; }
.button_silver:hover {
background-color: #4A90E2 !important; color: white !important; }   .carousel-korisni_linkovi img{
display: flex !important;
align-items: center !important; justify-content: center !important; height: 100% !important; box-sizing: border-box !important; } .carousel-slider a {
display: flex !important;
align-items: center !important; justify-content: center !important; font-size: 20px !important; width: 100% !important;
height: 100% !important;
text-align: center !important; box-sizing: border-box !important; }  .carousel-slider span {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 30% !important; font-size: 17px !important; background-color:  rgba(0,67,139,0.2)  !important;
color: white !important; padding: 0 15px !important; border-radius: 10px !important; box-sizing: border-box !important; position: relative !important; top: 85px !important; } .carousel-korisni_linkovi img {
height: 200px !important;
max-height: 200px !important;
width: auto !important;
object-position: center !important; 
} .wpsm_counterbox .wpsm_number .counter {
font-size: 45px !important; font-weight: bold; color: rgba(0,67,139,0.69)  !important; font-family: Arial, sans-serif !important; } .wpsm_counterbox .wpsm_count-title {
font-size: 20px !important; font-weight: bold; color: #0056b3 !important; font-family: Arial, sans-serif !important; }