@font-face{font-display:swap;font-family:MatchballFont;font-style:normal;font-weight:400;src:url(../assets/fonts/HeadingNow-54Regular.b9157c5e.otf) format("opentype")}@font-face{font-display:swap;font-family:MatchballFont;font-style:normal;font-weight:600;src:url(../assets/fonts/HeadingNow-55Medium.4aad4c21.otf) format("opentype")}@font-face{font-display:swap;font-family:MatchballFont;font-style:normal;font-weight:700;src:url(../assets/fonts/HeadingNow-57Extrabold.2d2c5344.otf) format("opentype")}:root{--font-primary:"MatchballFont",sans-serif;--color-white:#fff;--color-blue:#00358e;--color-red:#e3000f;--color-overlay:rgba(0,0,0,.22)}body{font-family:MatchballFont,sans-serif;font-family:var(--font-primary);letter-spacing:.5px;margin:0 auto}body .hero-section{background-image:url(../assets/images/Header.11277e9d.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:34.375rem;justify-content:space-between;max-height:52vh}body .hero-section .hero-top{display:flex;justify-content:space-between;margin:0 auto;max-width:75rem;width:100%}@media(max-width:1750px){body .hero-section .hero-top{padding:0 3.125rem;width:calc(100% - 6.25rem)}}@media(max-width:480px){body .hero-section .hero-top{padding:0 2rem;width:calc(100% - 4rem)}}body .hero-section .hero-top .live-clock{font-feature-settings:"tnum";color:#fff;color:var(--color-white);font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:3px;margin:0;padding-top:1.875rem}@media(max-width:980px){body .hero-section .hero-top .live-clock{font-size:1.875rem}}body .hero-section .hero-top .brand-logo img{height:7.5rem}@media(max-width:768px){body .hero-section .hero-top .brand-logo img{height:5rem}}body .hero-section .hero-bottom{margin-bottom:1.25rem;width:100%}body .hero-section .hero-bottom .claim img{height:1rem}@media(max-width:768px){body .hero-section .hero-bottom .claim img{background:rgba(0,0,0,.22);background:var(--color-overlay);height:.75rem}}body .match-info-section{align-items:center;display:flex;flex-direction:column;margin:2.5rem auto;max-width:75rem;padding:0 1.25rem}@media(max-width:768px){body .match-info-section{margin:3.75rem auto}}body .match-info-section .main-title{color:#00358e;color:var(--color-blue);font-size:5rem;font-weight:700;letter-spacing:2px;line-height:5rem;margin:0 0 .25rem;rotate:-2deg;text-align:center}@media(max-width:768px){body .match-info-section .main-title{font-size:2.8125rem;line-height:2.375rem;margin:0 0 .25rem}}body .match-info-section .sub-title{color:#00358e;color:var(--color-blue);font-size:2.5rem;font-weight:600;letter-spacing:1px;line-height:3.125rem;margin:0}@media(max-width:768px){body .match-info-section .sub-title{font-size:1.5625rem;line-height:1.5625rem}}body .match-info-section .match-teams{color:#e3000f;color:var(--color-red);font-size:2.5rem;font-weight:600;letter-spacing:1px;line-height:3.125rem;margin:0;text-align:center}@media(max-width:768px){body .match-info-section .match-teams{font-size:1.5625rem;line-height:1.5625rem}}body .alarm-section .info-circle{height:18.75rem;position:relative;width:100%}@media(max-width:768px){body .alarm-section .info-circle{height:15rem}}@media(max-width:500px){body .alarm-section .info-circle{height:14.5rem;margin:3.125rem 0}}body .alarm-section .info-circle .info-circle-line{background:#00358e;background:var(--color-blue);height:.325rem;left:50%;position:absolute;top:48.3%;transform:translate(-50%,50%);width:100%}@media(max-width:768px){body .alarm-section .info-circle .info-circle-line{display:none}}body .alarm-section .info-circle img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media(max-width:768px){body .alarm-section .info-circle img{-o-object-fit:cover;object-fit:cover}}body .alarm-section .options-container{align-items:center;display:flex;flex-direction:row;gap:6.25rem;justify-content:space-evenly;margin:0 auto;max-width:75rem;padding:0 20px}@media(max-width:980px){body .alarm-section .options-container{gap:4.5rem}}@media(max-width:768px){body .alarm-section .options-container{flex-direction:column;gap:0;margin:2.5rem 3.125rem}}body .alarm-section .options-container .alarm-option{margin-top:-11.25rem;width:15.75rem}@media(max-width:768px){body .alarm-section .options-container .alarm-option{margin-top:0;width:13rem}}body .alarm-section .options-container .alarm-option:nth-child(2){margin-bottom:3.125rem;margin-top:3.125rem}body .alarm-section .options-container .jersey-btn{background:none;border:none;height:100%;width:100%}body .alarm-section .options-container .jersey-btn img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}body .alarm-section .options-container .jersey-btn:hover{cursor:pointer}body .footer-section{background-image:url(../assets/images/Footer.0ef952e3.jpg);background-position:50%;background-size:cover;height:17.5rem;max-height:25vh}@media(max-width:768px){body .footer-section{flex-direction:column;gap:.625rem;height:auto;max-height:none}}body .footer-section .footer-container{align-items:center;display:flex;height:100%;justify-content:space-evenly;margin:0 auto;max-width:75rem;width:100%}@media(max-width:768px){body .footer-section .footer-container{flex-direction:column;gap:2.5rem;padding:2.5rem 0 3.125rem}}body .footer-section .footer-container .btn{border-radius:3.125rem;display:inline-block;min-width:11.25rem;padding:.25rem .75rem;text-align:center;text-decoration:none}body .footer-section .footer-container .btn:hover{cursor:pointer}body .footer-section .footer-container .btn-red{background-color:#e3000f;background-color:var(--color-red);color:#fff;color:var(--color-white);font-size:1.188rem;margin-top:.313rem;padding:.5rem 1.625rem}@media(max-width:768px){body .footer-section .footer-container .btn-red{font-size:1rem;padding:.4rem 1.2rem}}body .footer-section .footer-container .footer-action{align-items:center;display:flex;flex-direction:column}body .footer-section .footer-container .footer-action p{color:#fff;color:var(--color-white);font-size:1.45rem;font-weight:400;letter-spacing:.5px;margin-bottom:1rem;margin-top:0;text-align:center}@media(max-width:980px){body .footer-section .footer-container .footer-action p{font-size:1.3rem}}@media(max-width:768px){body .footer-section .footer-container .footer-action p{font-size:1.22rem}}