.next,
		.prev {
			cursor: pointer;
			position: absolute;
			top: 50%;
			line-height: 60px;
			font-size: 30px;
			width: 50px;
			height: 60px;
			text-align: center;
			color: white;
			font-weight: bold;
			transition: 1s;
			background-color: #80b563;
			/* display: none; */
			visibility: hidden;
			margin-top: -30px;
		}

		.next {
			padding-left: 15px;
			right: -60px;
			-webkit-transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
		}

		.prev {
			padding-right: 15px;
			left: -60px;
			-webkit-transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
		}

		.single-slider {
			-webkit-transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
		}

		.prev:hover,
		.next:hover {
			background-color: #002649;
		}

		.hero-slider {
			overflow-x: hidden;
		}

		.hero-slider:hover>.next {
			display: block;
			visibility: visible;
			right: 0;
		}

		.hero-slider:hover>.prev {
			display: block;
			visibility: visible;
			left: 0;
		}