body 
{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #1a3a5f;
	overflow-x: hidden;
	min-height: 100vh;
	position: relative;
	background: linear-gradient(135deg, #e6f7ff 0%, #c2e6f4 25%, #a8d8ea 50%, #8cc5e0 75%, #6fb2d6 100%);
}

.custom-navbar {
    background-image: url('https://via.placeholder.com/1920x200'); /* твоя картинка */
    background-size: cover;
    background-position: center;
}

/* Фон */
.simple-snow-layer
{
	position: fixed;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 0;
}
.simple-snow-dot 
{
	position: absolute;
	top: -10px;
	width: 6px;
	height: 6px;
	background: white;
	border-radius: 50%;
	opacity: 0.8;
	animation-name: fallSimple;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
/* Анимация падения */
@keyframes fallSimple
{
	0%
	{
		transform: translateY(-10px);
	}

	100%
	{
		transform: translateY(110vh);
	}
}


@media (min-width: 768px)
{
	.navbar-wrapper
	{
		margin-top: 6px;
	}
}

.hero-section
{
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/bg2.png');
	background-size: cover;
	background-position: center;
	color: white;
	/* padding: 100px 0; */
	text-align: center;
}

.snow-animation
{
	position: relative;
	overflow: hidden;
}

.snowflakes-container
{
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 5;
}

.snowflake
{
	position: absolute;
	top: -50px;
	color: white;
	opacity: 0.9;
	animation-name: snowfall;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes snowfall
{
	0%
	{
		transform: translateY(0) rotate(0deg);
	}

	100%
	{
		transform: translateY(120vh) rotate(360deg);
	}
}

.ice-glass-block {
  background: linear-gradient(135deg, rgba(173,216,230,0.4), rgba(0,102,204,0.3));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  color: #003366;
  box-shadow: 0 0 20px rgba(173,216,230,0.5);
  border: 1px solid rgba(255,255,255,0.3);
  position: relative;
}

.ice-glass-block2 {
  background: linear-gradient(135deg, rgba(173,216,230,0.4), rgba(0,102,204,0.3));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  color: #003366;
  box-shadow: 0 0 20px rgba(173,216,230,0.5);
  position: relative;
}

.btn-main {
  background-color: #44b1ea80; /* твой цвет фона */
  color: #fff;               /* цвет текста */
  border: none;              /* если нужно убрать рамку */
}

.btn-main:hover {
  background-color: #44b1ea; /* цвет при наведении */
  color: #fff;
}

        
.service-card {
	transition: transform 0.3s;
	height: 100%;
}

.service-card:hover {
	transform: translateY(-10px);
}

.santa-icon {
	font-size: 3rem;
	color: #44b1ea;
	margin-bottom: 15px;
}

.frosty-blur-block {
  background: rgba(255, 255, 255, 0.2); /* полупрозрачный фон */
  backdrop-filter: blur(10px); /* размытие заднего фона */
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}