#hero {
	background-color: #2B3877;
}

#hero .splide__arrows {
	position: absolute;
    bottom: 120px;
    width: 120px;
}

#hero .splide__arrow {
	width: 48px;
    height: 48px;
	color: #fff;
    border: 2px solid #fff;
    opacity: 1;
    background: rgba(255,255,255,0.3);
	transition: .3s all;
}

#hero .splide__arrow:hover {
	background: var(--wp--preset--color--jmb-orange) !important;
	border-color: var(--wp--preset--color--jmb-orange) !important;
}

.splide__arrow--prev {
	left: 0 !important;
}

.splide__arrow--next {
	right: 0 !important;
}

#hero .splide__arrow svg {
	fill: #fff;
	width: 25px;
	height: 25px;
}

#hero .splide__pagination__page {
	transform: scale(1.4);
    border: 1px solid #fff;
    background: transparent;
	opacity: 1;
}

#hero .splide__pagination__page.is-active {
	background: #fff;
}

@media (max-width: 599px) {
	#hero .splide__pagination {
		display: none !important;
	}
}

@media (min-width: 600px) {
	#hero .splide__arrows {
		bottom: 165px;
	}
	
	#hero .splide__pagination {
		bottom: 100px;
	}
}

@media (min-width: 1200px) {
	#hero .splide__arrows {
		bottom: 220px;
	}
}