.court{background-color:#0f2d32;display:grid;grid-template-columns:repeat(26,1fr);grid-template-rows:repeat(24,1fr);grid-column-gap:0;grid-row-gap:0;height:auto;border-radius:32px;position:relative}@media(min-width:720px){.court .court{min-height:740px}}.court .line{opacity:10%;pointer-events:none}.court .div1{grid-area:1/1/4/14;border:.1px solid #f9f9e6}.court .div2{grid-area:1/14/4/27;border:.1px solid #f9f9e6}.court .div3{grid-area:4/1/22/7;border-left:.1px solid #f9f9e6}.court .div3,.court .div4{border-right:.1px solid #f9f9e6}.court .div4{grid-area:4/7/13/14;border-bottom:.1px solid #f9f9e6}.court .div5{grid-area:13/7/22/14;border-right:.1px solid #f9f9e6}.court .div6{grid-area:4/14/13/21;border-bottom:.1px solid #f9f9e6}.court .div7{grid-area:13/14/22/21}.court .div8{grid-area:4/21/22/27;border-left:.1px solid #f9f9e6;border-right:.1px solid #f9f9e6}.court .div9{grid-area:22/1/25/14;border:.1px solid #f9f9e6}.court .div10{grid-area:22/14/25/27;border:.1px solid #f9f9e6}.details{grid-column-start:1;grid-column-end:-1;grid-row-start:1;grid-row-end:-1;gap:1rem;color:#fff;padding:15% 2% 20%;text-align:center}.details,.details .text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.details .text-container{gap:2rem}.details .text-container .title{pointer-events:none;font-size:2.5rem;font-size:clamp(2.25rem,8.75vw,4.2rem);font-weight:900;line-height:110%;padding:0 2%}@media(min-width:720px){.details .text-container .title{padding:0 4%}}.details .text-container .subtitle{pointer-events:none;font-size:24px;font-weight:600;line-height:120%;padding:0 8%}.details .text-container .buttons-container{display:flex;padding-top:1rem;gap:.5rem}.details .text-container .buttons-container .button{display:flex;justify-content:center;align-items:center;height:59px;width:auto;text-align:center;border-radius:13px;padding:.75rem 1.5rem;font-size:18px;font-weight:600;line-height:100%;background-color:#0f2d32;color:#fff;transition:all .35s linear}.details .text-container .buttons-container .button:hover{color:#d3fd6e;transition:all .5s linear}.details .text-container .buttons-container .accent{background-color:#d3fd6e;color:#0f2d32}.details .text-container .buttons-container .accent:hover{background-color:#fff;transition:all .35s linear;border-radius:30px;color:#0f2d32}@media(min-width:720px){.details{padding:10% 6%;gap:2rem}}