/* ===================================================== */

.sports-section{

    max-width:83.3333vw;
    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:0.0vw;
	

}

/* ===================================================== */

.sport-card{

    position:relative;

    background:#fff;

    border-radius:0.9375vw;

    overflow:hidden;

    box-shadow:0 0.625vw 1.8229vw rgba(0,0,0,.15);

    transition:.35s;

    cursor:pointer;
	
	width: 23.4375vw;
	
	height: 26.0417vw;
	
	margin: -2.6042vw 1.5625vw;
	
	border: 0.1042vw solid white;

}

.sport-card:hover{

    transform:translateY(-0.5208vw);

    box-shadow:0 1.0417vw 2.3438vw rgba(0,0,0,.22);

}

/* ===================================================== */

.sport-image{

    position:relative;

    height:15.625vw;

    overflow:hidden;

}

.sport-image img{

    width:100%;

    height:100%;

    object-fit:cover;
	
	margin-top:-1.0417vw;

    transition:.6s;

}

.sport-card:hover img{

    transform:scale(1.08);

}





.sport-image{
    position:relative;
    overflow:hidden;
}

.sport-image::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transition:1s;
}

.sport-card:hover .sport-image::after{
    left:140%;
}




/* BŁYSK NA ZDJĘCIU KAFELKI */

.sport-icon{
    transition:.5s;
}

.sport-card:hover .sport-icon{
    transform:
        scale(1.12)
        rotate(-8deg);
}


/* ANIMACJA STRZAŁKI */
/*
.sport-corner-strzalka{
    transition:.4s;
}

.sport-card:hover .sport-corner-strzalka{
    transform:translateX(0.625vw);
}
*/

@keyframes arrowMove{

    0%{transform:translateX(0);}
    50%{transform:translateX(0.4167vw);}
    100%{transform:translateX(0);}

}

.sport-card:hover .sport-corner-strzalka{

    animation:arrowMove .8s infinite;

}



/* ZMIANA KOLORU TYTUŁU KAFELKI */

.sport-content h2{

    transition:.35s;

}

.sport-card:hover h2{

    color:#0b74d4;

    letter-spacing:0.0521vw;

}



/* ===================================================== */

.sport-icon{

    position:absolute;

    right:1.0417vw;

    bottom:5.2083vw;

    width:5.2083vw;

    height:5.2083vw;

    /*border-radius:50%;

    background:#1eb6d8;*/

    color:#fff;

    font-size:2.5vw;

    /*display:flex;*/

    justify-content:center;

    align-items:center;

    /*backdrop-filter:blur(0.4167vw);*/

    /*box-shadow:0 0.5208vw 1.0417vw rgba(0,0,0,.25);*/
	
	/*z-index:10000;*/

}

/* ===================================================== */

.sport-content{

    padding:0 1.8229vw 3.125vw;

}

.sport-content h2{

    font-size:2vw;

    font-weight:800;

    color:#08132d;

    margin-bottom:0.625vw;
	
	/*position:absolute;
    left:0.7292vw;*/

}

.sport-content p{

    font-size:1.0vw;

    color:#263238;
	
	position:absolute;
    left:0.7292vw;
	
	line-height:1.5;

}

/* ===================================================== */

.sport-corner-strzalka{
	position:absolute;
    right:0.9375vw;
    bottom:0;
}

.sport-corner-pilka{

    position:absolute;

    right:0;

    bottom:0;

    width:11.4583vw;

    height:6.25vw;

    background:#809c3a;

    clip-path:polygon(100% 0,100% 100%,0 100%);

    color:#fff;

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

    padding:1.0417vw;

    font-size:2.1875vw;

    font-weight:bold;

    transition:.35s;
	

}

.sport-corner-plywanie{

    position:absolute;

    right:0;

    bottom:0;

    width:11.4583vw;

    height:6.25vw;

    background:#0d9bca;

    clip-path:polygon(100% 0,100% 100%,0 100%);

    color:#fff;

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

    padding:1.0417vw;

    font-size:2.1875vw;

    font-weight:bold;

    transition:.35s;

}

.sport-corner-taekwondo{

    position:absolute;

    right:0;

    bottom:0;

    width:11.4583vw;

    height:6.25vw;

    background:#e25a6c;

    clip-path:polygon(100% 0,100% 100%,0 100%);

    color:#fff;

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

    padding:1.0417vw;

    font-size:2.1875vw;

    font-weight:bold;

    transition:.35s;
	

}

.sport-card:hover .sport-corner{

    background:red;

}


.sport-card:hover .sport-corner-pilka{

    background:#304e08;

}

.sport-card:hover .sport-corner-plywanie{

    background:#054f86;

}

.sport-card:hover .sport-corner-taekwondo{

    background:#7b1523;

}

/* ===================================================== */

@media(max-width:57.2917vw){

	.sports-section{

		grid-template-columns:1fr;
	}

	.sport-card{

		max-width:36.4583vw;

		margin:auto;
		
		

	}

}