@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

html {
	scroll-behavior: smooth;
	height: -webkit-fill-available;
  }
  
body{ font-family:Montserrat; background: #000;}

.swiper-button-next:after, .swiper-button-prev:after
{
	font-size: 15px;
	color: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover
{
	background: #69724a !important;
	color: #000 !important;
}

.marquee-container {
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 20px 0px 20px 0px;
  }
  
  .marquee-content {
	display: inline-block;
	animation: marquee-up 15s linear infinite;
	animation-play-state: running; /* default state */
  }
  
  .marquee-container:hover .marquee-content {
	animation-play-state: paused; /* pause on hover */
  }
  .custom-radius
  {
	border-radius: 25px 0px 25px 0px;
  }
  
  @keyframes marquee-up {
	from { transform: translateY(100%); }
	to { transform: translateY(-100%); }
  }
  
  .marquee-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
  }
  
  .marquee-content li {
	padding: 5px 0;
  }


@media only screen and (min-width: 320px) and (max-width: 800px) {


}