@import url('https://fonts.googleapis.com/css2?family=Abel&family=Bebas+Neue&family=Montserrat:wght@300&family=Quicksand:wght@300&family=Raleway:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');
::-webkit-scrollbar-thumb {
	background: #DEF0FC
}

::-webkit-scrollbar-track {
	background: #000000
}

::-webkit-scrollbar {
	width: 5px
}


*,
body,
html {
	box-sizing: border-box
	
	
}

body,
html {
	
	padding: 0;
	margin: 0;
	height: 100%;
	line-height: 1.5;
	
}

body {
	
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background-color: #0a0a08;
	text-decoration: none;
	
}

a {
	text-decoration: none
}

input::placeholder {
	color: #888;
	opacity: 1;
}

/* header */
.header{
	color: #fff;
	text-decoration: none;
	background-image: linear-gradient(rgba(0, 255, 0, 0.274) .1em, transparent .1em), linear-gradient(90deg, #d41f3142 .1em, transparent .1em);
  background-size: 3em 3em;
}

.site-branding-text {
	font-family: 'Bebas Neue', sans-serif;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 5.5px;
	

	
	
}


.p1{
	
	font-size: 30.77px;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 60px;
	color: rgba(252, 250, 246, 0.65);
	font-family: 'Bebas Neue', sans-serif;
	text-align: center;
	letter-spacing: 1.3px;
}
.p3{
	
	font-size: 30.77px;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 60px;
	color: rgba(252, 250, 246, 0.65);
	font-family: 'Abel', sans-serif;
	text-align: left;
	letter-spacing: 0.3px;
}

.p7{

	
		font-size: 31.77px;
		
		color: rgba(0, 0, 0, 0.836);
		font-family: 'Bebas Neue', sans-serif;
		text-align: center;
		letter-spacing: 1.3px;
		
	
}

.p2{
	
	font-size: 30.77px;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 60px;
	color: rgba(252, 250, 246, 0.65);
	font-family: 'Abel', sans-serif;
	text-align: right;
	letter-spacing: 0.3px;
}

.p10{
	margin-top: 36px;
	font-size: 19.01px;
	padding-right: 10%;
	padding-left: 10%;
	
	color: rgba(252, 250, 246, 0.65);
	font-family: 'Abel', sans-serif;
	text-align: right;
	letter-spacing: 0.3px;
}

.p0{
	font-family: 'Libre Barcode 39', system-ui;
	font-size: 100px;
	text-align: center;
}

p.site-title {
	margin: 0;
}

.site-title a {
	color: #fff;
		padding: 20px;
		display: block;
		font-size: 27.8px;
		text-transform: none;
		
}
.container {

	overflow: hidden;
	text-align: right;
}





/* main content */
.mainsection {
	
	margin-top: 10px;
}











.bttns{
	max-width: 81%;
	
	justify-content: right;
}

h1{
	font-family: 'Bebas Neue', sans-serif;
	color: #fff;
	margin-top: 37px;
	font-size: calc(57px + 107*(100vw - 320px)/1600);
padding-right: 10%;
padding-left: 10%;
letter-spacing: 2.9px;
line-height: 1.17;

text-align: center;
	
}

.rectangle {
	height: 377px;
	width: 70%;
	background-color: #d41f30; /* Initial color (red) */
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	animation: blinker 0.3s steps(1, end) infinite;
}

@keyframes blinker {
	0%, 50% {
		background-color: #ffffff; /* Red */
	}
	51%, 100% {
		background-color: #ffffffee; /* White */
	}
}
  
h2{
	
	font-family: 'Raleway', sans-serif;
	color: #fff;
	margin-top: 104px;
	font-size: 49.8px;
padding-right: 10%;
padding-left: 10%;
letter-spacing: 1px;
line-height: 1.6;

text-align: right;
margin-bottom: 97px;


	 
}
.htwo{
	
}


.shadow{
	color: #d41f30;
}
h3{
	font-family: 'Raleway', sans-serif;
	color: #fff;
	
	font-size: 49.8px;
padding-right: 10%;
padding-left: 10%;
letter-spacing: 1px;
line-height: 1.6;
margin-top: 107px;
text-align: left;
	
}


h4{
	
		font-family: 'Raleway', sans-serif;
		color: #fff;
		margin-top: 97px;
		font-size: 49.8px;
	padding-right: 10%;
	padding-left: 10%;
	letter-spacing: 1px;
	line-height: 1.6;
	
	text-align: left;

}


h5{
	
	font-family: 'Raleway', sans-serif;
	color: #fff;
	margin-top: 97px;
	font-size: 49.8px;
padding-right: 10%;
padding-left: 10%;
letter-spacing: 1px;
line-height: 1.6;

text-align: right;

}

p{
	
	color: #FFF;
}
.bttns{
    margin-top: 47px;
	
	margin: 0 auto;
	
	
}


.new1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 235, 235, 0.295), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    margin-top: 7px;
	
  }

  .new7 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 235, 235, 0.295), rgba(255, 255, 255, 0));
    margin-top: 31px;
	
  }

  .new2 {
    border: 0;
    height: 1px;
    background-color: #fff;
  margin-bottom: 45px;
    margin-top: 37px;
  }

  .new3 {
    border: 0;
    height: 1px;
    background-color: #fff;
  margin-bottom: 45px;
    margin-top: -17px;

	
  }

  .new4 {
    border: 0;
    height: 1px;
    background-color: #fff;
  margin-bottom: 50px;
    margin-top: -31px;
  }

  .new5 {
    border: 0;
    height: 1px;
    background-color: #fff;
  margin-bottom: 60px;
    margin-top: -56px;
  }

  .new6 {
    border: 0;
    height: 1px;
    background-color: #fff;
 margin-top: 127px;
  }
  
  
  
  .container {
	overflow: relative;
  }
  
 
  .baar{
	  background-color: #DEF0FC;
	  width: 100%;
	 
	  align-items: center;
	  padding: 3px;
	  text-align: center;
	  margin-bottom: 16px;
  }
  
  .op1 {
    float: right;
    margin: 9px;
    text-align: center;
    color: #fff;
    background-color: #0a0a08;
    border-radius: 5px;
    border: 4px solid #edecdfcb;
    font-size: 18px;
    padding-top: 10px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-left: 18px;
    font-family: 'Abel', sans-serif;
    overflow: hidden;
}

/* Scroll reveal animation */
.reveal {
    opacity: 0;
    transform: translateY(17px);
    transition: opacity 2.6s ease-out, transform 2.6s ease-out;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.wrapper {
	margin-top: 2rem;
	width: 90%;
	max-width: 1536px;
	margin-inline: auto;
	height: 100px;
	position: relative;
	overflow: hidden;
	mask-image: linear-gradient(
	  to right,
	  rgba(0, 0, 0, 0),
	  rgba(0, 0, 0, 1) 20%,
	  rgba(0, 0, 0, 1) 80%,
	  rgba(0, 0, 0, 0)
	);
  }
  
  @keyframes scrollLeft {
	to {
	  left: -200px;
	}
  }
  
  @keyframes scrollRight {
	to {
	  right: -200px;
	}
  }
  
  .itemLeft,
  .itemRight {
	width: 200px;
	height: 100px;
	background-color: #d41f30;
	border-radius: 6px;
	position: absolute;
	animation-timing-function: linear;
	animation-duration: 30s;
	animation-iteration-count: infinite;
  }
  
  .itemLeft {
	left: max(calc(200px * 8), 100%);
	animation-name: scrollLeft;
  }
  
  .itemRight {
	right: max(calc(200px * 8), calc(100% + 200px));
	animation-name: scrollRight;
  }
  
  .item1 {
	animation-delay: calc(30s / 8 * (8 - 1) * -1);
  }
  
  .item2 {
	animation-delay: calc(30s / 8 * (8 - 2) * -1);
  }
  
  .item3 {
	animation-delay: calc(30s / 8 * (8 - 3) * -1);
  }
  
  .item4 {
	animation-delay: calc(30s / 8 * (8 - 4) * -1);
  }
  
  .item5 {
	animation-delay: calc(30s / 8 * (8 - 5) * -1);
  }
  
  .item6 {
	animation-delay: calc(30s / 8 * (8 - 6) * -1);
  }
  
  .item7 {
	animation-delay: calc(30s / 8 * (8 - 7) * -1);
  }
  
  .item8 {
	animation-delay: calc(30s / 8 * (8 - 8) * -1);
  }