.blur-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 350;
		background-color: rgba(44, 86, 102, 0.5);
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(10px);
		opacity: 0;
		transition: opacity 0.5s ease;
		pointer-events: none; /* Чтобы клики проходили сквозь overlay */ 
		 
	} 
		 

	.test-button {
		position: absolute; 
		top:5px;
		padding: 5px;
		background-color: #777;
		color: #fff;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
		z-index: 6000;
	}

	.test-button:hover {
		background-color: #0056b3;
	}

 
	
 	.slideshow-wrapper {
		width: 100%;
		height:  100% ;
		margin: 0px;
		border: 0px solid #888; /* Серая рамка шириной 2 пикселя */
		border-radius: 25px;		/* Скругление внешнего контейнера */
		box-sizing: border-box;
		background-color: rgba(0, 0, 0, 0.0);
		user-select: none;
		cursor: url(../icon/cursor2.png) 0 0, auto;
	}

	.slideshow {
		width: 100%;
		height: 100%;
		border-radius: 25px; /* Чуть меньше, чтобы вписаться в рамку */
		overflow: hidden;
		position: relative;
		background-color:  rgba(0, 0, 0, 0.0);
		user-select: none;
		cursor: url(../icon/cursor2.png) 0 0, auto;
	}



	.image-slide {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: opacity 1s ease-in-out;
		user-select: none; 
		cursor: url(../icon/cursor1.png) 0 0, auto;
	}

	.image-slide.active {
		opacity: 1; 
	}

	.indicators {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 8px;
	}

	.indicator {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #788F99 ;
		cursor: pointer;
		transition: background-color 0.3s;
		cursor: url(../icon/cursor2.png) 0 0, auto;
	}

	.indicator.active {
		background-color: #D9D9D9;
	}

	.arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 30px;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.0);
		padding: 100px 20px  ;
		cursor: pointer;
		user-select: none;
		border-radius: 5px;
		opacity: 0.5;
	}

	.arrow-left {
		left: 0px;
	}

	.arrow-right {
		right: 0px;
	}

	.arrow:hover {
		background-color: rgba(0, 0, 0, 0.0);
		opacity:1;
		cursor: url(../icon/cursor2.png) 0 0, auto;
	}
	}

 
	.descript {
		width: 100%;
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		background-color: rgba(0, 0, 255, 0.0); 
		overflow-y: auto; /* Прокрутка при переполнении */
		cursor: url(../icon/cursor1.png) 0 0, auto;
	}
  
	.descript h2 {
		margin: 0 0 30px;
		font-size: 30px;
		color: #D2F2FF;
		font-family:Literature-Decor;
		cursor: url(../icon/cursor1.png) 0 0, auto;
	}

	.descript p {
		margin: 0;
		font-size: 16px;
		color: #D2F2FF;
		line-height: 1.5;
		font-family:Raleway-VariableFont_wght;
	}

 
	#link {
		margin: 0;
		font-size: 16px;
		color: #fff5d1;
		line-height: 1.5;
		font-family:Raleway-VariableFont_wght;
		cursor: url(../icon/cursor2.png) 0 0, auto;
	}
 
	#link:hover {
		color:#f1f514; /* Цвет при наведении */
		 
	}

  a {
		text-decoration:none;
  }
 
 
	
   	/*  -----    скролл бар  ---------------  */
	
 
::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background-color:  rgba(114, 153, 168, 0.2);
    border-radius: 4px;
	background: rgba(114, 153, 168, 0.1); /* Начальная прозрачность 10% */
	transition: background 0.3s ease;
	
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(34, 60, 80, 0.2);
    background-color: #2C5666;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #D2F2FF;
}