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