@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Berkshire+Swash&family=Poppins:wght@500&display=swap');


body{
	font-family: 'Poppins', sans-serif;
	margin: 0;
}

#section1{
	display: none;
}

.section1{
	background-color: #000000;
}

.section1 .container-fluid .row .col-lg-8 .header-elements h1{
	font-family: 'Berkshire Swash', cursive;
	color: #FF5E19;
}

.section1 .container-fluid .row .col-lg-2 .header-img1 img{
	margin-top: 137px;
}

.section1 .container-fluid .row .col-lg-2 .header-images img{
	box-shadow: 5px 5px 5px 5px #ffffff;
}

.section1 .container-fluid .row .col-lg-2 .side-images .football{
	position: absolute;
	height: 229px;
}

.section2{
	background-color: #3C3C3C;
}

.section2 .container .row .col-md-4 .row .col-md-12 .sidebar{

	background-color: #0D0D0D;
}
.section2 .container .row .col-md-4 .row .col-md-12 .sidebar2 .sidebar2-content input{

	background-color: #0D0D0D;
	margin: 10px;
}

.section2 .sidebar{
	height: 315px;
	background-color: #0D0D0D;
}
.section2 .sidebar2{
	background-color: #0D0D0D;
}


.section2 .sidebar-content p span{
	padding: 0px 15px 0px 15px;
}

.section2 .container .row .col-md-8 .row .col-md-4 .card .card-body{
	background-color: #0D0D0D;
	height: 150px;
}

.section2 .container .row .col-md-8 .row .col-md-4 .card .card-body .qualities p{
	padding: 0px 15px 0px 15px;
}
#total{
	color: #FF5E19;
}

.aborder{
	border: 1px solid #717171;
	border-radius: 5px;
	width: 100%;
}
.bborder{
	border: 1px solid #FF5E19;
	border-radius: 5px;
	width: 50%;
}

.pborder{
	display: flex;
	justify-content: center;
	align-items: center;
}

footer{
	background-color: #3C3C3C;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.section1 .container-fluid .row .col-lg-2 .header-img1 img{
	margin-top: 175px;
	}
	.section1 .container-fluid .row .col-lg-2 .side-images .football{
	height: 206px;
	}
	.section1 .container-fluid .row .col-lg-2 .side-images .shape{
	margin-top: 98px !important;
	}

}

@media only screen and (max-width: 600px) {
	#section0{
		display: none;
	}
	#section1{
		display: block;
	}

	.section2 .container  .row .col-md-8 .row  .col-md-4{
		padding: 10px;
	}
	.section2 .container .row .col-md-4 .row .col-md-12 .sidebar2 .sidebar2-content .col-sm-8{
		width: 100% !important;
	}

}