/*----- SLIDER -----*/
/*------------------*/
 $time: 500ms;
 $delay: $time/2;
 $mode: cubic-bezier(0.17, 0.67, 0.55, 1.43);
 @keyframes heartbeat {
	 0% {
		 transform: scale(0);
	}
	 25% {
		 transform: scale(1.2);
	}
	 50% {
		 transform: scale(1);
	}
	 75% {
		 transform: scale(1.2);
	}
	 100% {
		 transform: scale(1);
	}
}
/*
 body {
	 overflow: hidden;
	 overflow-x: hidden;
	 overflow-y: auto;
}
*/
 .slider-container {
	 position: relative;
	 margin: 0 auto;
	 width: 800px;
	 height: 800px;
	 .bullet-container {
		 position: absolute;
		 bottom: 100px;
		 width: 100%;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 .bullet {
			 margin-right: 14px;
			 &:last-child {
				 margin-right: 0px;
			}
			 height: 10px;
			 width: 10px;
			 border-radius: 50%;
			 background-color: #000000;
			 opacity: 0.5;
			 &.active {
				 opacity: 1;
			}
		}
	}
	 .slider-content {
		 position: relative;
		 left: 50%;
		 top: 35%;
		 width: 70%;
		 height: 60%;
		 transform: translate(-50%, -50%);
		 .slider-single {
			 text-decoration: none !important;
			 position: absolute;
			 z-index: 0;
			 left: 0;
			 top: 0;
			 width: 100%;
			 height: 100%;
			 transition: z-index 0ms $delay;
			 border-radius: 1%;
			 .slider-single-image {
			     background-color: #ffffff;
				 position: relative;
				 border-radius: 10px;
				 left: 0;
				 top: 0;
				 width: 100%;
				 height: 100%;
				 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
				 transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);
				 transform: scale(0);
				 opacity: 0;
				 text-align: center;
				 border: 1px #fafafa;
			}
			 .slider-single-title {
				 text-align: center;
				 font-size: 30px;
				 transition: $time $mode;
				 opacity: 0;
				 text-transform: uppercase;
				 color: #A6192E;
			}
			 .slider-single-text{
				 width: 90%;
				 text: center;
				 margin-left: auto;
				 margin-right: auto;
			}
			 &.preactivede {
				 //z-index: 0;
				 .slider-single-image {
					 //opacity: 0;
					 transform: translateX(-50%) scale(0);
				}
			}
			 &.preactive {
				 z-index: 1;
				 .slider-single-image {
					 opacity: .5;
					 transform: translateX(-100%) scale(0.8);
				}
				 .slider-single-title {
					 opacity: .5;
					 transform: translateX(0px);
				}
			}
			 &.proactive {
				 z-index: 1;
				 .slider-single-image {
					 opacity: 0.5;
					 transform: translateX(100%) scale(0.8);
				}
				 .slider-single-title {
					 opacity: 0.5;
					 transform: translateX(0px);
				}
			}
			 &.proactivede {
				 //z-index: 0;
				 .slider-single-image {
					 //opacity: 0;
					 transform: translateX(50%) scale(0);
				}
			}
			 &.active {
				 z-index: 2;
				 .slider-single-image {
					 opacity: 1;
					 transform: translateX(0%) scale(1);
				}
				 .slider-single-title {
					 opacity: 1;
					 transition-delay: 0ms;
					 transform: translateX(0px);
				}
			}
		}
	}
	 .slider-left {
		 position: absolute;
		 z-index: 3;
		 display: block;
		 right: 85%;
		 top: 35%;
		 color: #000000;
		 transform: translateY(-50%);
		 padding: 600px 0px;
		 margin-right: 15px;
		 width: 65%;
		 height: 100%;
		 margin-top: auto;
		 margin-bottom: auto;
		 text-align: right;
		 font-size: 30px;
	}
	 .slider-right {
		 position: absolute;
		 z-index: 3;
		 display: block;
		 left: 85%;
		 top: 35%;
		 color: #000000;
		 transform: translateY(-50%);
		 padding: 600px 0px;
		 margin-left: 15px;
		 width: 65%;
		 height: 100%;
		 font-size: 30px;
	}
	 .not-visible {
		 display: none !important;
	}
}
 .box {
	 object-fit: cover;
	 border-radius: 50%;
	 width: 200px;
	 height: 200px;
}