.btn-primary{
	color:#fff!important
}

.single-hero-min {
	min-height: 380px;
}

.program-sidebar-top {
	top: 100px;
}

.program-icon-box {
	width: 52px;
	height: 52px;
	font-size: 1.4rem;
}

.program-feature-dot {
	width: 8px;
	height: 8px;
}

.card-img-top {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.program-card-image-placeholder {
	aspect-ratio: 16 / 10;
	min-height: 220px;
}

.izbornik {
  position: absolute;
  z-index: 5;
  width: 100%;
}

.izbornik .container {
  background: #FFF;
  padding: 10px 20px;
  border-radius: 20px;
}


.sik-cards-swiper .swiper-pagination {
	position: static;
	margin-top: 1.5rem;
}

.sik-cards-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: var(--bs-primary);
	opacity: 0.25;
	margin: 0 6px !important;
	border-radius: 999px;
	transition: all 0.25s ease;
}

.sik-cards-swiper .swiper-pagination-bullet-active {
	opacity: 1;
	transform: scale(1.15);
}

.sik-cards-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.9);
}

.sik-cards-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1.15);
}

#statistike .col-12 > .h-100 {
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    position: relative;
    overflow: hidden;
}


#statistike .col-12 > .h-100:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.10);
}

#statistike .col-12 > .h-100:hover .mb-3 > .d-inline-flex {
    transform: scale(1.08);
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.2) 0%, rgba(249, 115, 22, 0.08) 100%) !important;
    border-color: rgba(249, 115, 22, 0.28) !important;
}

#statistike i, .sik-block-icon-list i{
    font-size: 1.4rem !important;
    color: #fbb889;
    line-height: 1;
    transition: transform 0.3s ease, color 0.3s ease;
}

#statistike .col-12 > .h-100:hover .mb-3 i {
    color: #0f172a;
}

.sik-block-content-media .bg-body-tertiary{
	background:none!important
}

#novosti{
	background:#fbb889
}

.hero-gradient{
  background: linear-gradient(
    135deg,
    rgba(17, 24, 39, 0.90) 0%,
    rgba(37, 99, 235, 0.60) 35%,
    rgba(147, 51, 234, 0.20) 100%
  );
}

@media screen and (min-width: 100px) and (max-width: 768px) {
.izbornik {
  z-index: 5;
  width: 100%;
	top:0;
	padding:0 15px
}

.izbornik .container {
  background: #FFF;
  padding: 10px 15px;
  border-radius: 20px;
}

.navbar-brand{
	width:200px
}
}
	
@media screen and (min-width: 100px) and (max-width: 768px) {
#offcanvas-navbar #bootscore-navbar {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#offcanvas-navbar #bootscore-navbar > li {
		position: relative;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid rgba(63, 86, 120, 0.10);
	}

	#offcanvas-navbar #bootscore-navbar > li:first-child {
		border-top: 1px solid rgba(63, 86, 120, 0.10);
	}

	#offcanvas-navbar #bootscore-navbar > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 0.85rem;
		width: 100%;
		padding: 1rem 0.25rem 1rem 2rem;
		font-size: 1.05rem;
		font-weight: 700;
		line-height: 1.35;
		color: #3f5678;
		text-decoration: none;
		text-align: left;
		transition: color 0.25s ease, padding-left 0.25s ease, background 0.25s ease;
	}

	#offcanvas-navbar #bootscore-navbar > li > a::before {
		content: "\f105";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		position: absolute;
		left: 0.25rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.85rem;
		color: #f4a261;
		transition: transform 0.25s ease, color 0.25s ease;
	}

	#offcanvas-navbar #bootscore-navbar > li > a:hover,
	#offcanvas-navbar #bootscore-navbar > li > a:focus {
		color: #f4a261;
		padding-left: 2.2rem;
		outline: none;
	}


	#offcanvas-navbar #bootscore-navbar > li.current-menu-item > a,
	#offcanvas-navbar #bootscore-navbar > li.current_page_item > a,
	#offcanvas-navbar #bootscore-navbar > li.current-menu-ancestor > a,
	#offcanvas-navbar #bootscore-navbar > li > a.active {
		color: #f4a261;
	}

	#offcanvas-navbar #bootscore-navbar > li.current-menu-item > a::after,
	#offcanvas-navbar #bootscore-navbar > li.current_page_item > a::after,
	#offcanvas-navbar #bootscore-navbar > li.current-menu-ancestor > a::after,
	#offcanvas-navbar #bootscore-navbar > li > a.active::after {
		content: "";
		position: absolute;
		left: -1.25rem;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 24px;
		border-radius: 999px;
		background: #f4a261;
	}

	#offcanvas-navbar .dropdown-toggle::after {
		margin-left: auto;
		font-size: 0.8rem;
	}

	#offcanvas-navbar .dropdown-menu,
	#offcanvas-navbar .sub-menu {
		width: 100%;
		margin: 0;
		padding: 0 0 0.5rem 1rem;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	#offcanvas-navbar .dropdown-menu li,
	#offcanvas-navbar .sub-menu li {
		border-top: 1px solid rgba(63, 86, 120, 0.06);
	}

	#offcanvas-navbar .dropdown-menu a,
	#offcanvas-navbar .sub-menu a {
		position: relative;
		display: flex;
		align-items: center;
		padding: 0.85rem 0.25rem 0.85rem 1.5rem;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.35;
		color: #6b7280;
		text-decoration: none;
		text-align: left;
		transition: color 0.25s ease, padding-left 0.25s ease;
	}

	#offcanvas-navbar .dropdown-menu a::before,
	#offcanvas-navbar .sub-menu a::before {
		content: "\f054";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.65rem;
		color: rgba(63, 86, 120, 0.55);
	}

	#offcanvas-navbar .dropdown-menu a:hover,
	#offcanvas-navbar .dropdown-menu a:focus,
	#offcanvas-navbar .sub-menu a:hover,
	#offcanvas-navbar .sub-menu a:focus {
		color: #3f5678;
		padding-left: 1.7rem;
		outline: none;
	}

#offcanvas-navbar .dropdown-toggle::after {
	display: none !important;
}


#offcanvas-navbar #bootscore-navbar > li.menu-item-has-children > a::before {
	content: "\f107";
}
}

@media (min-width: 992px) {
	#bootscore-navbar .nav-link.dropdown-toggle {
		position: relative;
		padding-right: 1.1rem;
	}

	#bootscore-navbar .nav-link.dropdown-toggle::after {
		content: "\f107";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		border: none;
		margin: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.7rem;
		color: currentColor;
		transition: transform 0.25s ease;
	}

	#bootscore-navbar .dropdown.show > .nav-link.dropdown-toggle::after {
		transform: translateY(-50%) rotate(180deg);
	}

	#bootscore-navbar .dropdown-menu {
		display: block;
		transform: translateY(5px);
		transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
		margin-top: 0.75rem;
		min-width: 220px;
		padding: 0.5rem;
		border: 1px solid rgba(63, 86, 120, 0.10);
		border-radius: 1rem;
		background: #fff;
	}

	#bootscore-navbar .dropdown-menu .dropdown-item {
		padding: 0.7rem 0.9rem;
		border-radius: 0.75rem;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.35;
		color: #3f5678;
		transition: background 0.2s ease, color 0.2s ease;
	}

	#bootscore-navbar .dropdown-menu .dropdown-item:hover,
	#bootscore-navbar .dropdown-menu .dropdown-item:focus {
		background: rgba(244, 162, 97, 0.12);
		color: #f4a261;
	}

	#bootscore-navbar .dropdown-menu .current-menu-item > a,
	#bootscore-navbar .dropdown-menu .current_page_item > a,
	#bootscore-navbar .dropdown-menu .dropdown-item.active {
		background: rgba(244, 162, 97, 0.16);
		color: #f4a261;
	}

	#bootscore-navbar .dropdown.show > .nav-link,
	#bootscore-navbar .dropdown:hover > .nav-link {
		color: #f4a261;
	}
}