.col-xl-9 {
	width: 100%;
}



.sport-menu{

    width:100%;
    max-width:1400px;

    margin:40px auto;

    background:#fff;

    border-radius:22px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    display:flex;

    justify-content:space-around;

    align-items:center;

    padding:18px 10px;

    gap:10px;

}

.item{

    text-decoration:none;

    color:#222;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

    min-width:95px;

    transition:.25s;

}

.item i{

    font-size:33px;

    color:#6cab3d;

    transition:.25s;

}

.item span{

    font-size:14px;

    font-weight:600;

}

.item:hover{

    transform:translateY(-4px);

}

.item:hover i{

    color:#2e7d32;

    transform:scale(1.15);

}

@media(max-width:900px){

.sport-menu{

overflow-x:auto;

justify-content:flex-start;

}

.item{

flex:0 0 95px;

}

}


.hero {
	position: relative;
	width: 100%;
	height: 620px;
	background-image: url("/css/img/eletmod.jpg");
	background-size: cover;
	background-position: center;
	overflow: hidden;
    margin-top: -135px;
    z-index: 4;
    position: relative;

}
.hero-content {
    position: relative;
    width: 100%;
    text-align: left;
    z-index: 5;
    color: #fff;
    padding-top: 120px;
    padding-left: 70px;
}
.hero h1 {
    margin: 0;
    color: #fff;
    font-size: 84px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;
}
.hero h2 {
	margin:25px auto;
	color:#fff;
	font-size:34px;
	font-weight:500;
	line-height:1.45;
}
.hero p {
	margin-top:30px;
	color:#fff;
	font-size:22px;
	letter-spacing:.5px;
}