@font-face {
    font-family: 'thunderextra_bold_lc';
    src: url('../fonts/thunder-extraboldlc-webfont.woff2') format('woff2'),
         url('../fonts/thunder-extraboldlc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

	/* font-display: optional  */ 
	/* best balances performance and visual stability */

}
@font-face {
    font-family: 'thundersemi_bold_lc';
    src: url('../fonts/thunder-semiboldlc-webfont.woff2') format('woff2'),
         url('../fonts/thunder-semiboldlc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}
@import url('https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap');
* {margin: 0;}
p , h1, h2, h3{margin-bottom: 0;}
body , h2, h3 {font-family: "Teachers", sans-serif;font-weight: 500;}
.custom-container {width: 76%;max-width: 1600px;margin: 0 auto;}
.common-btn {font-size: 22px;background-color: #000;border-radius: 8px;color: #fff;padding: 16px 32px;border: 1px solid #000;display: inline-block;line-height: normal;}
.common-btn:hover {background-color: transparent;color: #000;}
.industry-page #Header.innerheader::after {display: none;}

.follower{
  background-image: url('../images/sports/rugby.png');background-size: contain;
  z-index: 9;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-repeat: no-repeat;
}

.oval-shaped {width: 300px;height: 144px;border-radius: 150px;overflow: hidden;display: inline-block;}
.circle-shaped {width: 144px;height: 144px;border-radius: 50%;overflow: hidden;display: inline-block;}
.oval-shaped video, .circle-shaped video {object-fit: cover;width: 100%;height: 100%;scale: 1.1;}

.industry-page #Header.innerheader {background-image: url(../images/sports/sports-banner.png);background-size: cover !important;background-attachment: fixed;background-position: center;}
.industry-page #Header.innerheader h1{font-family: 'thunderextra_bold_lc';font-size: 200px;text-transform: uppercase;line-height: 170px;font-weight: 500;width: 90%;margin: 0 auto;text-align: center;}
.sports-banner img {display: inline-block;vertical-align:baseline;}

/* 
background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
	background-size: cover;
	color: transparent;background-clip: text;
	-moz-background-clip: text;
	-webkit-background-clip: text; 

*/

.sports-work.uplay {position: relative;overflow: visible;}
/* .sports-work.uplay {background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgba(250, 250, 250, 0.50) 43.05%, #FAFAFA 95.67%);} */
.sports-work .inner {gap: 150px;}
.sports-work .inner .img-box {width: 50%;position: relative;}
.sports-work .inner .con-box {width: 50%;position: relative;}
.sports-work .inner .con-box span img {vertical-align: bottom;}
.sports-work.uplay .inner .img-box {width: 40%;}
.sports-work.uplay .inner .con-box {width: 46%;}
.sports-work .inner .tech-used {margin-top: 60px;}
.sports-work .inner .tech-used ul {gap: 50px;flex-wrap: wrap;}
.sports-work .inner .tech-used ul li {gap: 15px;width: 28%;}
.sports-work .inner .tech-used ul li p {font-size: 28px;font-weight: 500;}
.sports-work .inner .tech-used img {width: 48px;height: 48px;object-fit: contain;}
.sports-work span {font-size: 30px;font-weight: 500;margin-bottom: 15px;display: inline-block;padding: 5px 30px;border-radius: 50px;}
.sports-work h3 {font-size: 84px;font-weight: 500;margin-bottom: 32px;}
.sports-work h3 img {vertical-align: baseline;}
.sports-work.uplay .bg-element {position: absolute;bottom: -100px;right: 0;}
.sports-work .inner .con-box img.head-gear {position: absolute;right: 40px;top: -65px;}
.sports-work .futbol h3 br {display: none;}

.sports-work span.uplay {background-color: #fedc00;}
.sports-work span.aptc {background-color: #C8B77C;}
.sports-work span.wdf {background-color: #dcff64;}
.sports-work span.playup {background-color: #00fd89;;}
.sports-work span.og-props {background-color: #14edea;}
.sports-work span.pickup {background-color: #ff7f34;color: #fff;}
.sports-work span.sportsyap {background-color: #009bff;color: #fff;}

.l-cards , .sports-work.white-bg.c-card {background-color: #fff;}
.sports-work.grey-bg.c-card {background-color: #fdfdfd;}

.common-top-section {padding-top: 100px;}

.sports-overview .inner {gap: 20px;position: relative;}
.sports-overview .left-box h2 {font-size: 60px;}
.sports-overview .right-box h2 {font-size: 52px;}
.sports-overview .left-box , .sports-overview .right-box {  padding: 72px;border-radius: 72px;position: relative;border: 2px solid #fafafa;}
.sports-overview .left-box {width: 60%;background: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 31.69%, #FAFAFA 96.45%);z-index: -1}
.sports-overview .right-box {width: 43%;background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 31.69%, #FAFAFA 96.45%);}

.cap {position: absolute;top: -40px;left: 55px;}
.rugby {position: absolute;right: 150px;bottom: 60px;}
.baseball-tee {position: absolute;right: 40px;bottom: -50px;}
.basketball {position: absolute;right: -72px;bottom: 125px;}
.live {position: absolute;bottom: 32%;right: 14%}
.golf-ball {position: absolute;bottom: 10%;left: -15%;}
.second .marker, .third .marker {width: 150px;height: 150px;object-fit: contain;}
.basketball.slot {position: absolute;right: 0;bottom: -15%;}

.sports-tech p {font-size: 36px;font-weight: 500; font-family: 'thundersemi_bold_lc';text-transform: uppercase;}

.industry-footer {background-color: #000;}
.industry-footer h3 {font-size: 104px; text-align: center;color: #fff;margin: 0 60px;}
.industry-footer h3 span {text-transform: uppercase;color: #0F71E2;}
.industry-footer ul.links li a {font-size: 24px;text-transform: uppercase;color: #fff;opacity: 0.7;letter-spacing: 2%;}
.industry-footer ul.copyrights li a , .industry-footer ul.copyrights li p {font-size: 16px;color: #fff;opacity: 0.8;letter-spacing: 2%;}
.industry-footer ul.copyrights {margin-top: 90px;margin-bottom: 40px;}
.industry-footer ul.copyrights li {gap: 30px;}
.industry-footer ul li a:hover {color: #0F71E2;}

.sports-work .inner .img-box img.basket {position: absolute;bottom: -5%;right: -13%;width: 180px;}
.sports-work .inner .img-box img.glove {position: absolute;right: -20%;bottom: 25%;width: 130px;}
.sports-work .inner img.go {margin-left: 46px;margin-bottom: 15px;}

h1 div {display:inline-block;}
.media {display: inline-block;transform-origin: center;}




/* Responsive CSS */
@media screen and (min-width: 2540px) {
  .industry-page #Header.innerheader h1 {width: 70%;}

}

@media screen and (max-width: 1919px) {
	.custom-container {width: 90%;}
	.industry-page #Header.innerheader h1 {font-size: 170px;line-height: 150px;width: 95%;}
	.sports-banner img {height: 125px;}
	.oval-shaped {width: 250px;height: 125px;}
	.circle-shaped {width: 125px;height: 125px;}
	.sports-overview .left-box, .sports-overview .right-box {padding: 65px;border-radius: 60px;}
	.sports-overview .left-box h2 {font-size: 54px;}
	.sports-overview .right-box h2 {font-size: 44px;}
	.rugby {right: 60px;bottom: 50px}
	.sports-work h3 {font-size: 72px;}
	.common-btn {font-size: 20px;padding: 14px 28px;}
	.sports-work .inner {gap: 90px;}
	.sports-work .inner .tech-used ul {gap: 40px;}
	.sports-work .inner .img-box img {width: 100%;}
	.basketball.slot img {width: 200px;}

	.sports-work .inner .img-box img.basket {right: -9%;width: 140px;}
	.golf-ball {left: -10%;}
	.sports-work.uplay .inner .con-box {width: 43%;}

}
@media screen and (max-width: 1599px) {
	.industry-page #Header.innerheader h1 {font-size: 140px;line-height: 120px;width: 90%;}
	.sports-banner img {height: 100px;}
	.oval-shaped {width: 210px;height: 100px;}
	.circle-shaped {width: 100px;height: 100px;}
	.sports-overview .right-box h2 {font-size: 40px;}
	.sports-overview .left-box {width: 53%;}
	.sports-overview .left-box, .sports-overview .right-box {padding: 50px;border-radius: 52px;}
	.sports-overview .left-box h2 {font-size: 44px;}
	.sports-work h3 {font-size: 50px;}
	.live {bottom: 40%;right: 10%;width: 110px}
	.cap {top: -25px;left: 35px;width: 90px}
	.rugby {right: 30px;width: 95px;}
	.sports-work .inner .tech-used {margin-top: 40px;}
	.sports-work .inner .tech-used img {width: 42px;height: 42px;}
	.sports-work .inner .tech-used ul li p {font-size: 24px;}
	.sports-work .inner .tech-used ul li {gap: 10px;}
	.sports-work .inner .tech-used ul {gap: 35px;}
	.sports-work .inner .img-box img#bouncy-img {width: 100px;}
	.sports-work .inner {gap: 70px;}
	.baseball-tee {width: 100px;}
	.sports-tech p {font-size: 30px;}
	.sports-work.uplay .inner .con-box {width: 45%;}
	.sports-work.uplay .inner .img-box {width: 37%;}
	.custom-container {width: 75%;}
	.sports-work .inner .tech-used img {width: 38px;height: 38px;}
	.sports-work h3 img {width: 90px;}
	.sports-work .inner .img-box img.revolveImg{width: 120px;}
	.sports-work span {font-size: 26px;}
	.sports-work .inner .img-box .basketball .slot {width: 150px;}
	.sports-work .inner .img-box img.shoes {width: 100px;}
	.sports-work .inner .con-box span img {width: 120px;}
	.sports-work .inner .con-box img.head-gear {top: -45px;width: 100px;}
	.basketball.slot img {width: 170px;}
	.sports-work .inner .con-box {width:45%;}
	.trophy {width: 120px;}

	.sports-work .inner .img-box img.basket {right: -10%;width: 120px;}
	.sports-work .inner .img-box img.glove {width: 90px;}
	.sports-work .inner img.go {width: 110px;}

}
@media screen and (max-width: 1439px) {
	.sports-work .inner .tech-used img {width: 38px;height: 38px;}
	.sports-overview .left-box h2 {font-size: 42px;}
	.sports-overview .left-box, .sports-overview .right-box {border-radius: 42px;}
	.baseball-tee {width: 90px;}
	.rugby {width: 85px;}
	.sports-work h3 {font-size: 46px;}
	.sports-work.uplay .inner .img-box {width: 39%;}
	.live {bottom: 30%;right: 0;width: 100px;}
	.common-btn {font-size: 18px;padding: 12px 24px;}
	.sports-work .inner .tech-used ul li p {font-size: 22px;}
	.sports-work .inner .tech-used img {width: 35px;height: 35px;}
	.sports-work .inner .con-box img.head-gear {right: 25px;top:-65px;width: 100px;}
	.sports-work .inner .con-box span img {width: 100px;}
	.basketball.slot img {width: 170px;}
	.custom-container {width: 75%;}
	.industry-page #Header.innerheader h1 {font-size: 132px;line-height: 115px;}
	.sports-banner img {height: 92px;}
	.oval-shaped {width: 195px;height: 94px;}
	.circle-shaped {width: 94px;height: 94px;}
	.sports-overview .left-box h2 {font-size: 40px;}
	.sports-overview .right-box h2 {font-size: 36px;}
	.rugby {width: 80px;}
	.basketball.slot img {width: 160px;}
	.sports-work .inner img.go {margin-left: 30px;width: 100px;}
	.sports-work .inner .img-box img.glove {width: 80px;}

}

@media screen and (max-width: 1365px) {
	.industry-page #Header.innerheader h1 {font-size: 120px;line-height: 110px;width: 85%;}
	.sports-banner img {height: 85px;}
	.oval-shaped {width: 175px;height: 85px;}
	.circle-shaped {width: 86px;height: 86px;}
	.custom-container {width: 87%;}
	.sports-work .inner .con-box {width: 43%;}
	.sports-work.uplay .inner .con-box {width: 45%;}
	.sports-work h3 {font-size: 43px;}
	.sports-work h3 img {width: 85px;}
	.sports-work .futbol h3 br {display: block;}
	.sports-work .inner .tech-used ul {gap: 25px;}
}

@media screen and (max-width: 1279px) {
	.industry-page #Header.innerheader h1 {font-size: 100px;line-height: 100px;width: 90%;}
	.sports-banner img {height: 75px;}
	.oval-shaped {width: 170px;height: 75px;}
	.circle-shaped {width: 80px;height: 80px;}
	.sports-overview .left-box h2 {font-size: 36px;}
	.cap {top: -25px;left: 40px;width: 85px;}
	.sports-overview .right-box {width: 46%;}
	.sports-tech p {font-size: 28px;}
	.sports-work.uplay .inner .con-box {width: 50%;}
	.sports-work.uplay .inner .img-box {width: 50%;}
	.sports-work h3 {font-size: 39px;margin-bottom: 20px;}
	.common-top-section {padding-top: 70px;}
	.sports-work span {font-size: 22px;}
	.sports-work .inner .tech-used ul {gap: 25px;}
	.sports-work .inner .tech-used ul li {width: 40%;}
	.sports-work .inner .con-box img.head-gear {right: 32px;top: -40px;width: 80px;}
	.basketball.slot {bottom: -50%;}

	.sports-work .inner img.go {width: 85px;}
}

@media screen and (max-width: 1023px) {
	.industry-page #Header.innerheader .sports-banner{padding:  80px 0;}
	.industry-page #Header.innerheader h1 {font-size: 95px;line-height: 80px;}
	.sports-banner img {height: 68px;}
	.oval-shaped {width: 160px;height: 68px;}
	.circle-shaped {width: 70px;height: 70px;}
	.sports-overview .inner {flex-direction: column;}
	.sports-overview .left-box , .sports-overview .right-box {width: 100%;padding: 40px;border-radius:34px}
	.sports-overview .left-box h2 , .sports-overview .right-box h2 {font-size: 28px;}
	.rugby {right: 0;}
	.sports-work .inner {flex-direction: column;gap: 35px;}
	.sports-work .inner .con-box {order: -1;}
	.sports-work.uplay .inner .con-box , .sports-work.uplay .inner .img-box , .sports-work .inner .con-box , .sports-work .inner .img-box {width: 100%;}
	.sports-work .inner .tech-used ul li {width: 22%;}
	.sports-work .inner .img-box img {width: 85%}
	.sports-work.uplay .inner .img-box img {width: 70%;margin: 0 auto;}
	.sports-work .inner .img-box {text-align: center;}
	.basketball {right: 0%;bottom: 42%}
	.golf-ball {bottom: 20%;left: 0;}
	.basketball.slot {bottom: auto;top: 50%;}
	.sports-work .inner .tech-used {margin-top: 30px;}
	.sports-work h3 {font-size: 36px;}
	.sports-tech li img {width: 25px;}
	.sports-tech {flex-wrap: wrap;gap: 15px;}
	.sports-tech p {font-size: 26px;}

	.sports-work .inner .img-box img.basket {right: 0;}
	.sports-work .inner .img-box img.glove {right: 0;width: 80px;}
}

@media screen and (max-width: 767px) {
  	.industry-page #Header.innerheader h1 {font-size: 60px;line-height: 68px;}
  	.sports-banner img {height: 45px;}
  	.oval-shaped {width: 100px;height: 50px;}
	.circle-shaped {width: 51px;height: 51px;}
	.common-top-section {padding-top: 50px;}
	.cap {top: -20px;left: 32px;width: 70px;}
	.trophy {width: 100px;}
	.sports-work h3 {font-size: 34px;}
	.baseball-tee {width: 80px;}
	.sports-tech {margin-top: 40px;}
}

@media screen and (max-width: 639px) {
	.baseball-tee {width: 75px;}
	.basketball.slot img {width: 115px;}
	.sports-work .inner .tech-used ul li {width: 32%;}
	.sports-tech li {width: 100%;}
	.baseball-tee {width: 62px;bottom: -30px;right: 30px;}
	.sports-work span {font-size: 18px;padding: 5px 15px;}
	.sports-work .inner .con-box img.head-gear {right: 22px;top: -15px;width: 73px;}
	.sports-work h3 {font-size: 30px;font-weight: 600;}
	.sports-work h3 br {display: none;}
	.sports-work h3 img {width: 65px;}
	.sports-work .inner .img-box img#bouncy-img {width: 80px;}
	.rugby {width: 70px;right: -10px;}
	.sports-tech li:first-child , .sports-tech li:last-child {width: 100%;}
	.sports-tech li {text-align: center;}
	.sports-tech {margin-top: 0;}
	.sports-work .inner .img-box img.basket {width: 95px;}
	.sports-work .inner img.go {width: 70px;margin-left: 10px;}
	.sports-work .inner .img-box img.glove {width: 80px;}

}
@media screen and (max-width: 479px) {
	.industry-page #Header.innerheader h1 {font-size: 52px;line-height: 54px;}
	.sports-banner img {height: 42px;}
	.sports-overview .left-box, .sports-overview .right-box {padding: 40px 30px;border-radius: 32px}
	.sports-overview .left-box h2, .sports-overview .right-box h2 {font-size: 24px;}
	.sports-work h3 {font-size: 30px;}
	.live {bottom: 40%;width: 85px;}
	.sports-work .inner .tech-used ul li {width: 45%;}
	.sports-work .inner .tech-used ul li p {font-size: 20px;}
	.sports-work .inner .tech-used img {width: 32px;height: 32px;}
}