.messenger {
	z-index: 9999 !important;
}

.jumbotron {
	min-height: 50vh;
	background-color: #33cccc;
	background-image: url(fon.jpg);
	background-size: cover;
	background-position: center;
}

.populars a {
	white-space: nowrap;
}

.jumbotron h1 {
	font-size: 42px;
	font-weight: bold;
	color: #fff !important;
}

a {
	text-decoration: none;
}

.citate {
	padding-left: 30px;
	border-left: #fff 3px solid;
}

img {
	animation-play-state: paused !important;
}

.stretched-link {
	text-decoration: none;
}

.zagolovok {
	background: repeating-linear-gradient(45deg, #fff, #fff 15px, transparent 0, transparent 30px);
	padding: 7px 16px;
	border-radius: 8px;
}

.bg-success.shade {
	background-color: rgba(147, 197, 75, .9) !important;
}

.bg-success.shade:hover {
	background-color: rgba(147, 197, 75, 1) !important;
}

.bg-info.shade {
	background-color: rgba(41, 171, 224, .9) !important;
}

.bg-info.shade:hover {
	background-color: rgba(41, 171, 224, 1) !important;
}

.div-description h3,
.div-description h2,
.div-description h1 {
	font-weight: bold;

}

.card-img-title {
	padding: 10px 10px 5px 10px;
}

.decoration-none {
	text-decoration: none;
}

.w-lg100 {
	width: 100px;
}

@media all and (max-width:767px) {
	.h4.h4-h6 {
		font-size: 1rem !important;
	}

	.jumbotron h1 {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.w-lg100 {
		width: 80px;
	}

	.citate {
		padding-left: 0;
		border-left: 0;
	}

}

.img-fluid.card-image-top {
	border-radius: 6px 6px 0 0;
}

.progress-title a {
	color: inherit;
	text-decoration: none;
}

.pathways {
	padding: 0 0 20px 0;
	color: #999;
	font-size: 14px;
}

.pathways a {
	color: #999;
	text-decoration: none;
}

.contacts-ul a {
	text-decoration: none;
	color: inherit;
	display: block;
	position: relative;
	line-height: 36px;
	border-bottom: #dedede 1px dotted;
}

.custom-scrollbar::-webkit-scrollbar {
	height: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
	background: #e2e8f0;
	/* Darker track (slate-200) */
	border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background: #2563eb;
	/* More vibrant thumb (blue-600) */
	border-radius: 10px;
	border: 2px solid #e2e8f0;
	/* Add a border to make it pop */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #1d4ed8;
	/* Even darker on hover (blue-700) */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #2563eb;
}

.step-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.step-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
	#scroll-left-btn, #scroll-right-btn {
		display: none;
	}
}