.text-custom {
    color: #E07A5F !important;
    
}

.bg-custom {
    background-color: #F5C87D !important;
    color: white !important;
}

@media (min-width: 768px) {
    .hover-card {
        margin-bottom: 30px;
    }
}

.hover-card {
    background: linear-gradient(
        rgba(61, 64, 91, 0.9), 
        rgba(61, 64, 91, 0.7)
    ); 
    color: white !important; 
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); 
    border: 2px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
}


.hover-card h3,  
.hover-card p,  
.hover-card .card-text {  
    color: white !important; 
}


.hover-card:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(224, 122, 95, 0.3);
}

.badge {
    font-size: 14px;
    font-weight: bold;
}
.card-text{
    text-align: justify;
    text-indent: 40px;
    
}
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media (max-width: 768px) {
    .col-md-6 {
        margin-bottom: 20px; /* Osigurava razmak između kartica */
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-6 {
        margin-bottom: 20px; /* Razmak između kartica */
    }
}