html {
    scroll-behavior: smooth;
}
/* color mode */
.color-mode .dropstart .dropdown-toggle:before{
    display: none;
}
.color-mode .dropdown-menu.show {
    display: block !important;
}

.color-mode .dropdown-menu {
    display: none !important;
    z-index: 9999;
}

.color-mode .dropdown .btn {
    border: none;
}

.color-mode .dropdown-toggle:after {
    display: none;
}

.navbar-brand img {
    max-height: 60px;
}

.main-banner-style09 {
    width: 100%;
    position: relative;
    background: #ffcc00;
    background: -webkit-linear-gradient(180deg, #ffcc00, #009fe3);
    background: linear-gradient(180deg, #009fe3, #ffcc00);
}


.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-accordion-active-bg),var(--bs-bg-opacity))!important;
}

/* Osnovni stili za enako visoke stolpce */
.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.card-style01 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-style01 .card-body {
    flex: 1;
}

/* Dodatni stili za lepši izgled */
.card-style01 {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-style01:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.card-style01 .card-img {
    overflow: hidden;
}

.card-style01 .card-img img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.card-style01:hover .card-img img {
    transform: scale(1.05);
}

.card-style01 .card-body {
    padding: 1.5rem;
}

.card-style01 .card-footer {
    padding: 1.5rem;
    border-top: 1px solid #eee;
    background-color: #f9f9f9;
}